トップページに最適
たくさん方法のある中でいちばん簡単だったのでメモ

親BOX指定
.wrapper {
width: 100vw; /* 画面横一杯に拡げる */
height: 100vh; /* 画面縦一杯に拡げる */
margin: -10px; /* ※マージン0でも白い余白が出る場合は負の数字を入れる */
padding: 0;
display: flex; /* 要素をflexboxに対応させる */
align-items: center; /* 縦方向の中央揃え */
justify-content: center; /* 横方向の中央揃え */
flex-direction: column; /* 子要素の並びを上から下にする(要素の改行に対応) */
}

*[wrapper]は親ボックスのクラスネーム