title: display: css-table vs flex - do i even need the latter?
body: <p>I've used to vertically center block-elements like this:</p>
  
  <pre><code>.parent {
      display: table-cell;
      vertical-align: middle;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
  }
  </code></pre>
  
  <p>When I need IE9 and lower support. Using css-tables as a fall-back for older IE-s of course. I don't need flex for anything else. But recently I started to ask myself: why do I even need flex here? Css-table is a robust solution supported by virtually every browser in this planet and according to <a href="https://benfrain.com/css-performance-test-flexbox-v-css-table-fight/" rel="nofollow noreferrer">this Ben Frain's article</a> it's even faster. Isn't css-table enough here? When asking people about this I got answers like "flex is more modern" etc. That's fine and I do understand, that there are things that are only possible with flex, but it isn't really an answer here. We're talking about simplest centering block-elements.</p>
  
  <p>So i have two questions:</p>
  
  <ol>
  <li>Do i have to use flex in the case like this?</li>
  <li>If "yes" - why?</li>
  </ol>