Grid vs. Flexbox - Gilian/003-CSS-Grid GitHub Wiki

Bummers Grid:

• No animations for grid

Feature Grid:

• Super simple to put one primary thing left and the other stuff right:
  • grid-template-column: 1fr; grid-auto-flow: column; (maybe: align-items: center)
• Unknown number of items is easier because of repeat(auto-fit, minmax(50px, 1fr));

Features Flex:

• Reverse item order completly
• One item in row should take up all the remaining space
  • flex: 1, on the item to grow it
• Pyramid stack with justify-content and flex-wrap
• If the multiple rows with multiple different width items are present
  • just flex: 1 the items and enable flex-wrap