インナー幅を共通クラスで管理すると保守性が上がる件

CSS

インナー幅を共通クラスで管理すると保守性が上がることに気付いたので、備忘録としてまとめました。

インナー幅を共通クラスで管理すると保守性が上がる

デモサイトはこちら。

スマホよりPCで見た方が分かりやすいです。

See the Pen
Untitled
by ゆーじろー (@yuji64)
on CodePen.

innerクラスに対してインナー幅を指定し、インナー幅を反映させたいセクションに対してクラスを追加させます。

そうすることで、同じインナー幅が適応されたり、修正する際もinnerクラスの値を修正したら良いだけなので、かなり修正が楽になります。

特に数十ページとなるといちいちインナー幅をセクションごとに修正するのは面倒なので、クラスで管理しておくとコーディングの時短にも繋がりますね。