title: how to make columns the same width with css flex
body: <p>hello I need to basicaly display a table but with flex (only because I need to adjust the look for mobile)</p>
  <p>.container {
  display: flex
  }</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div&gt;1000&lt;/div&gt;
          &lt;div&gt;mary&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div&gt;1&lt;/div&gt;
          &lt;div&gt;john&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div&gt;11&lt;/div&gt;
          &lt;div&gt;mike&lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  <p>how can I make each column have the same width? or at least the width of the largest item.</p>