こんにちは🌞

コラビットのソネ（@_kok____）です。

オフィスがリノベーションして風が気持ち良い、そんな今日このごろです?

CSSだけで超シンプルに縦方向センタリングする方法

前回、flexを利用してコンテンツの高さを揃える方法を書きました。

今回はその続きのような感じで、flexを使って超シンプルに縦方向センタリングする方法を紹介します。

flexを使ってセンタリング

こんな感じで書けばOKです。

親要素にdisplay:flexとalign:centerの指定をしてあげるだけです。超簡単ですね！

See the Pen MGRpXW by ksone (@ksone) on CodePen.

最後に

コラビットは現在エンジニアを募集しています！

• webサービスを作りたい！
• AIを作りたい、学びたい！
• 未経験だけどモノづくりが大好き！プログラミングを仕事にしたい！

な方は当HPからぜひお問い合わせください！

詳細はコチラ！

お待ちしています。