<div class="place-content-center">
  gridで要素を上下左右の中央寄せにする
</div>
.place-content-center {
  height: 100dvh;
  display: grid;
  place-content: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.