インナー幅を共通クラスで管理すると保守性が上がることに気付いたので、備忘録としてまとめました。
インナー幅を共通クラスで管理すると保守性が上がる
デモサイトはこちら。
スマホよりPCで見た方が分かりやすいです。
See the Pen
Untitled by ゆーじろー (@yuji64)
on CodePen.
innerクラスに対してインナー幅を指定し、インナー幅を反映させたいセクションに対してクラスを追加させます。
そうすることで、同じインナー幅が適応されたり、修正する際もinnerクラスの値を修正したら良いだけなので、かなり修正が楽になります。
特に数十ページとなるといちいちインナー幅をセクションごとに修正するのは面倒なので、クラスで管理しておくとコーディングの時短にも繋がりますね。