Maquetación minimalista con CSS

En 1-Line Layouts se presentan 10 técnicas básicas de maquetado con CSS que ocupan muy poco:

1. Super Centered place-items: center
2. The Deconstructed Pancake flex: 0 1 <baseWidth>
3. Sidebar Says grid-template-columns: minmax(<min>, <max>) …
4. Pancake Stack grid-template-rows: auto 1fr auto
5. Classic Holy Grail Layout grid-template: auto 1fr auto / auto 1fr auto
6. 12-Span Grid grid-template-columns: repeat(12, 1fr)
7. RAM (Repeat, Auto, Minmax) grid-template-columns: repeat(auto-fit, minmax(<base>, 1fr))
8. Line Up justify-content: space-between
9. Clamping My Style clamp(<min>, <actual>, <max>)
10. Respect for Aspect aspect-ratio: <width> / <height>

También hay un vídeo: