title: Areas covered by Flexbox which are difficult or impossible to achieve with Grid
body: <p>It is wildly highlighted that Flexbox is for 1-D and Grid for 2-D but I have not found a clear explanation why Grid could not be used for 1-D and replace Flexbox. The <a href="https://css-tricks.com/css-grid-replace-flexbox/#article-header-id-1" rel="nofollow noreferrer">closest I came to</a> is</p>
  
  <blockquote>
    <p>But you could also argue that purely 1D layout like this is more
    powerful in Flexbox, because Flexbox allows us to move those elements
    around easier (e.g. move them all to one side or another, change their
    order, space them out evenly, etc).</p>
  </blockquote>
  
  <p>I use Grid and Flexbox for basic layout: a general placement of the boxes on the page and some dynamic ones, usually stacked. The esthetical ones (toasters, modals, ...) are managed through a framework. <strong>I have not yet found a case where Grid could not replace Flexbox out of the box</strong> (that is without advanced CSS gymnastics or a lot of code).</p>
  
  <p>To take the example of the quote above, all the "moves" mentioned are directly available in Grid, usually with the same semantics as in Flexbox.</p>
  
  <p><strong>What are the fundamental areas covered by Flexbox which are difficult or impossible to manage with Grid?</strong></p>
  
  <p>EDIT: the browser support is not important (I only use evergreen browsers and can switch if needed)</p>