【0からやり直すフロント/html/css】box-sizing : border-box;
よくある
width: 100%; padding: 10px;
を子要素に適用して、親要素からはみ出てしまう現象
box-sizing : border-box;
width: 100%; padding: 10px; box-sizing : border-box;
で解決する。
だいたいこうやって、全部に適応するけど
*, *::before, *::after { box-sizing: border-box; }
aastudio.fr 用法用量を守ろうぜ的な記事も存在する