<div class="place-content-items-center">
  gridで複数の要素を上下左右中央寄せにする
  <img src="https://www.pc-weblog.com/sample/img/images/pic-1280.jpg" alt="" width="300" height="200">
</div>
.place-content-items-center {
  height: 100dvh;
  display: grid;
  place-content: center;
  place-items: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.