title: Grid-like container with adaptive width
body: <p>I would like to have container, that satisfies following conditions:</p>
  
  <ul>
  <li>it has 2 rows and unlimited amount of columns</li>
  <li>all items inside it are one-word text elements, that have their width</li>
  <li>all items inside it are equal width, defined by the widest element (longest word)</li>
  </ul>
  
  <p>I was thinking about using a flexbox. Since all of the items have known height (because they are one line of text), I can define wrappable container like this:</p>
  
  <pre><code>display: flex;
  flex-flow: column wrap;
  height: 100px;
  </code></pre>
  
  <p>All items inside the same column are equal in width. But I want all of the items have the same width. Should I use grid? If yes, how?</p>