グリッドの領域に名前をつけて、直感的に要素を配置する方法について見ていきます。
- grid-template-areas
- grid-area
- grid-template
-
Q1
次の設定で「b」の領域の幅と高さは？
grid-template: "a a b" 100px ". . b" 100px / 1fr 1fr 100px;
プレミアムについて詳しくみる
ミニクイズで理解度をチェックできます
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる