Tailwind CSS 練習問題 10：Tailwindのグリッドレイアウト
3列のグリッドレイアウトを作り、各列に16pxの間隔を持たせたい場合、正しいTailwindクラスはどれですか？
- grid grid-cols-3 gap-4
- grid-3-columns gap-16px
- flex flex-col-3
- grid-template-columns-3
- grid grid-cols-3 space-4
正解と解説を見る
正解：grid grid-cols-3 gap-4
Tailwindのグリッドレイアウトは`grid`クラスで有効になり、`grid-cols-{n}`で列数を指定します。`grid-cols-3`は3列を作成し、`gap-4`は各セル間に16pxの間隔を持たせます。