簡単にいうと
CSS Gridは、表形式の画面、カード一覧、予約カレンダーなど、行と列の位置関係が重要なUIに向いています。
minmaxやrepeatを組み合わせると、最小幅を保ちながら利用可能な幅へ列を伸縮させられます。
どんな場面で使うか
- 予約グリッド
- カード一覧
- ダッシュボード
- レスポンシブレイアウト
Web開発
CSS Gridとは
行と列を定義し、Web画面の要素を二次元に配置するためのCSSレイアウト機能です。
行と列を定義し、Web画面の要素を二次元に配置するためのCSSレイアウト機能です。
CSS Gridは、表形式の画面、カード一覧、予約カレンダーなど、行と列の位置関係が重要なUIに向いています。
minmaxやrepeatを組み合わせると、最小幅を保ちながら利用可能な幅へ列を伸縮させられます。