フレックス行カード

均一サイズのカードの行——統計、ツールバー、パネルに最適です。

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

キーアイデア

• display: flex + flexDirection: row
• flexGrow で残りのスペースを均等に分割
• gap でスペーシングを制御

コード

関連ガイド

• Flex Grow/Shrink
• スペーシング