If you've stumbled over display: grid
while reading the Flexbox material of the previous card - we've got you covered!
Let's dive into this topic with a
quote
Show archive.org snapshot
:
Flexbox is made for one-dimensional layouts and Grid is made for two-dimensional layouts.
You will learn more subtle differences in the linked material below, but you can remember this as a rule of thumb.
Practice: Cards
exercise of the BEM pattern card
display: grid
wherever possible and reasonableTip
Can you reduce the number of container elements in your DOM by switching from Flexbox to Grid?