[HTML & CSS General] Centering with Grid

要素を水平と垂直の中央に揃える。
親要素の上下左右の中央に揃える。

写経。

• Centering: The Newest Coolest Way vs. The Oldest Coolest Way | CSS-Tricks
• [CSS]幅や高さが不明な要素を中心に配置する、IE8対応の古い方法とモダンブラウザ対応の最新の方法 | コリス

See the Pen Centering with Grid by DriftwoodJP (@DriftwoodJP) on CodePen.