グリッドアイテム間の余白を設定する方法、グリッドコンテナー内で位置を揃える方法について見ていきます。
- gap
- justify-content
- align-content
-
Q1
次のコードで設定されるグリッドはコンテナー内のどこに配置される?
.container { display: grid; grid-template-columns: 100px 100px; grid-template-rows: 100px 100px; width: 300px; height: 300px; justify-content: start; align-content: end; }
プレミアムについて詳しくみる
ミニクイズで理解度をチェックできます
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる