Tailwind CSS 練習問題 4:Tailwindのフレックスボックス
以下のHTMLをフレックスボックスで横並びにし、アイテム間に均等な間隔を持たせたい場合、正しいTailwindクラスはどれですか?
```html
<div>
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
```
- flex gap-4
- flex justify-between gap-4
- grid grid-cols-3
- inline-block space-x-4
- flex flex-col gap-4
Qraftユーザーの成績:正答率 77%(10/13回正解)
正解と解説を見る
正解:flex gap-4
Tailwindで横並びレイアウトを作るには`flex`クラスを使用します。`gap-4`はアイテム間に16pxの間隔を作ります。`flex`だけで横方向(row)が標準です。