ブロークングリッドでデザインを作ると、スマホ時にレイアウトが崩れてしまっている。
セクションやコンテナの設定が正しければ、元のスタイルをクリアしてやるだけでスマホでも見やすいレイアウトになる。
paddingのクリア
1 2 3 4 5 |
@media (max-width: 768px){ .sp_padding{ padding: initial; } } |
marginのクリア
1 2 3 4 5 |
@media (max-width: 768px){ .sp_margin{ margin: initial; } } |
クリアしたい要素にしていること
marginやpaddingを設定した要素にクラス指定をすること。
クラス指定で効かない場合は「#」でID指定すること
コメントを残す