New Paradigm

CSS Grid Layout is the most powerful layout system in the web. If Flexbox was about element " neighborhood " in a row, then Grid is about Space.

Main Differences:

1. 2D vs 1D: Flexbox controls either a row or a column. Grid controls the entire grid (both simultaneously).
2. Skeleton vs Content:
   • In Flexbox, elements themselves " push " each other apart.
   • In Grid, you first build the " cell " , then place content inside it.