<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.