Flex Grid CSS

8 cards — fg fg-6321 fg-gap20 fg-min200

6 columns max, min-width 200px. Last row always centered.

5 cards — fg fg-6321 fg-gap40 fg-min300

Larger gap and min-width.

3 cards — fg fg-6321 fg-gap20 fg-min300

Nested — Container Queries in action

Outer container limits width — inner grids adapt automatically.

12 cards — fg fg-6321 fg-gap10 fg-min100

Many small items show the full 6-column layout.