Flexbox と CSS Grid の使い分けデモ
それぞれの「得意なこと」を視覚的に比較してみましょう！
1.1. Flexbox の例（横並び）
要素の中身に合わせて、横一列に柔軟に並べるのが得意です。
- Home
- About
- Services & Pricing
- Contact
1.2. Flexbox の例（縦積み）
要素の中身に合わせて、縦一列に並べます。
- Home
- About
- Services & Pricing
- Contact
2. CSS Grid の例（カードのタイル配置）
縦と横の「マス目」を作り、そこにピッタリはめ込むのが得意です。
Item A
Item B
Item C
Item D
Item E
Item F
Item G
Item H
Item I