footerを底辺に配置する

<div class="contents"> …伸びる高さを指定

• header、contents、footerを包み込んだ親要素に「display: flex」を指定。
• 同じく親要素に「flex-direction: column;」を指定してflexboxの要素を縦方向に設定。
• contentsに「min-height: 100vh」を指定。
• contentsに「flex: 1」を指定して伸びる高さの設定を行う。

段落 A

段落 B

段落 C