CSSでブロック要素を上下中央揃え（天地左右の中央に配置）する方法はいくつかありますが、CSS Gridを使う方法が現在では一番手軽です。CSSGridレイアウトを使うと、たった2行で上下中央揃えができます。