Flex Row Cards

A row of evenly sized cards—great for stats, toolbars, and panels.

┌────────────────────────────────────┐
│ [Card]  [Card]  [Card]  [Card]     │
└────────────────────────────────────┘

Key Ideas

• display: flex + flexDirection: row
• flexGrow splits remaining space evenly
• gap controls spacing

Code

Related Guides

• Flex Grow/Shrink
• Spacing