flex: 1; — 余白を均等分配

A
B
C

flex: none; — 伸縮しない（固定サイズ）

A
B
C

flex: auto; — 内容基準で伸縮

短い
少し長いテキスト
A

flex: 1 1 200px; — 最小200pxで伸縮

A
B

パターン1: 聖杯レイアウト

左サイドバー
flex: 0 0 120px
メインコンテンツ
flex: 1
右サイドバー
flex: 0 0 120px

パターン2: カードの均等配置（flex-wrap: wrap）

Card 1
flex: 1 1 150px
Card 2
flex: 1 1 150px
Card 3
flex: 1 1 150px
Card 4
flex: 1 1 150px
Card 5
flex: 1 1 150px