DAY40.デザインカンプからコーディング編 フッターのコーディング

01.フッターの3ブロックの作り方

3つの固まりが横並びになっている様子をイメージ
それぞれの割合の大まかに定義して”display: flex;” で大枠を横並び

/* 左、中央、右を囲うエリア */
.footer__contents {
　display: flex;
}
/* 左のエリア */
.footer__left {
　width: ◯%;
}
/* 中央のエリア */
.footer__center {
　width: ◯%;
}
/* 右のエリア */
.footer__right {
　width: ◯%;
}

特殊文字は文字化けしないよう変換する

02.トップへ戻るボタンを常に右下に配置

”position: fixed;” で常に固定されるようにする

.totop {
　position: fixed;
　right: 24px;
　bottom: 24px;
}