ちょっと良いUIおれおれAdvent Calendar 2024 – 09日目
文章が横いっぱいに広がってると見づらいです。ぱっと見で気付けはするんですが、たぶん画面幅に応じて色々変えてるうちに確認漏れたのかなと思います。たまにみかける。
デモ：
余白を与えておく
たぶん max-width と margin: auto だけを指定してるんだと思います。画面が十分大きいときはそれで良いんですが、max-width 以下になると左右ぴったりまで広がってしまいます。
解決方法はまあまあ簡単で、padding で左右に余白を与えておけば大丈夫です。
ただ余白も含めて何 px にしたい、という場合は box-sizing: border-box で余白込みのサイズを指定するか、max-width: calc(100% - 2em) のように計算する必要があります。手癖でやれるといいですね。
おしまい
見かけるともったいないなと思います。
でもねーこういう凡ミスってねー避けづらいんですよねー。生まれつきの注意深さみたいな感じでしょうか。後天的に訓練でやれるとも思うんですけど、いやあなかなか。