[CSS] The Simplest Way To Center Elements Vertically And Horizontally – Flexboxを使った、縦横軸でのセンタリング
Flexboxを使った、ボックス内においてボックス要素を縦軸・横軸ともにセンタリング(中央揃え)したい時のシンプルなコードサンプルが紹介されてます。Flexboxがなかった頃のように、heightの半分の数値をアレコレして・・・という面倒な記述しなくても良くなったのは楽ですな。まぁそういう意味じゃTipsでも何でもなく、普通の記述ではあるんだけど。justify-content:centerで水平方向に、align-items:centerで垂直方向にセンタリングすればイイだけなので超ラクチンです。
The Simplest Way To Center Elements Vertically And Horizontally