フロント部分詰まった所

box-sizing: border-box;
paddingとborderの幅と高さを要素に含める

position:fixed;
ヘッダーなどを固定するときに使用する。
なおtopを指定してあげないとmainと一緒にheaderも動くので注意。

potition:relative;
現在の位置から相対的な位置を決める

potiotion:absolute;
親要素を基準に絶対的な位置を決める。

bootstrap4のcolについて
xsを指定する際にはcol-3等と記述し、xsをつけないこと。

@media (max-width: 576px) {}について
576px以下の場合、記述のcssを適用する。