【CSS】上下中央揃えのレイアウトの仕方（Flexbox・Grid） - monoのメモ帳

※独学で勉強している素人の記事なので間違いがありましたらコメント欄で教えていただけると嬉しいです。 CSSの勉強をしています。今日はFlexboxとGridを使ったときの上下中央揃えのサンプルコードをメモしておきます。 Flexboxを使った上下中央揃えのサンプルCSS <div class="container"> <div class="container_inner"> </div> </div> .container { display: flex; justify-content: center; align-items: center; } Gridを使った上下中央揃えのサンプルCSS .container { display: grid; place-items: center; } place-itemsについて補足 place-itemsプロパティは align-item