#layout

Flexbox vs Grid: A Mental Model for Building Interfaces Without Fighting CSS

Flexbox is ideal for one-dimensional relationships; Grid is designed for two-dimensional layout. The real skill is recognizing the constraint you are expressing.