01
item 02
item 03
item 04 article
item 05 So this page is about the using minmax to create flexible padding.
item 06
The outer, blue blocks use minmax values of (20px, 1fr)
The outer, blue blocks use minmax values of (20px, 1fr)
item 07
The inner, pink blocks use minmax values of (auto, 110px)
The inner, pink blocks use minmax values of (auto, 110px)
item 08
item 09–10
Obviously:
you can merge these small blocks into a sensible layout based on a flexible grid.
Obviously:
you can merge these small blocks into a sensible layout based on a flexible grid.
item 11
item 12
item 13
14
15
item 16
item 17
item 18
item 19
item 20
item 21
item 22
item 23
item 24
item 25
item 26
item 27
28
Yellow
This box has:
grid-column: 4 / 8
mix-blend-mode: multiply;