レスポンシブ(スマホ)時にmarginやpaddingを元に戻す

ブロークングリッドでデザインを作ると、スマホ時にレイアウトが崩れてしまっている。

セクションやコンテナの設定が正しければ、元のスタイルをクリアしてやるだけでスマホでも見やすいレイアウトになる。

paddingのクリア

marginのクリア

クリアしたい要素にしていること

marginやpaddingを設定した要素にクラス指定をすること。
クラス指定で効かない場合は「#」でID指定すること

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です