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;
}
この記事が気に入ったらサポートをしてみませんか?