解説

CSSのGridレイアウトを使ってHTML要素を中央寄せにする方法についてご紹介します。Flexboxで中央寄せにする方法もありますが、Gridレイアウトを使うことでより短いCSSで便利に中央寄せにすることができます。

本記事では、box-sizingの使い方についてわかりやすく解説しています。box-sizingでは、HTML要素の表示領域（高さや横幅）の算出方法を指定することができます。