<div class="place-content-center"> gridで要素を上下左右の中央寄せにする </div>
.place-content-center { height: 100dvh; display: grid; place-content: center; }
This Pen is owned by ボヘミアン on CodePen.
See more by @bohe on CodePen
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.