グリッドレイアウト
Grid Layout
別名: 格子状レイアウト
ライブデモ
説明
一言で説明
垂直・水平の線（ガイド）に基づいて要素を格子状に配置するレイアウト手法。レスポンシブ対応がしやすい。
いつ使う？
カード一覧、ダッシュボード、フォトギャラリーなど、多くの要素を整理して並べたい場合。
💡 日常の言い方
「縦と横がきれいに揃った、タイル状の並び」
似ている用語との違い
グリッドレイアウト vs フレックスレイアウト
フレックスは1次元（1行または1列）の並びに強いが、グリッドは2次元（行と列の両方）を同時に管理するのに適している。
AIへの指示例
3カラムのグリッドレイアウトを作成して。各アイテムの間隔（ガター）を20pxにして、画面幅が狭くなったら1カラムに切り替わるようにして。