CSSのグリッドレイアウトを試す

問題の概要

CSSを使って要素の位置を操作する手段として、親要素の「display」プロパティに「grid」値を設定する方法がある。この手法は「グリッドレイアウト」とか「グリッドデザイン」、「CSSグリッド」などと呼ばれる。このページではグリッドレイアウトの挙動を色々と試し、その使い方を学ぶ。

単純なレイアウト

簡単に書く