シンプルなレスポンシブデザインを実現するためのメディアクエリの考え方 - yuhei blog

スタイルはシンプルなものから宣言していく方が無駄がない。 レスポンシブデザインにおいては、小さい画面のほうがより簡素な画面構成であることが多い。そのため、小さい画面から順に大きい画面まで設計したほうが理に適っている。例えば以下のようなコードになる。 $breakpoint-small: 480px; $breakpoint-medium: 960px; .component { margin: 1rem; padding: 1rem; border: 1px solid lightgray; @media (min-width: $breakpoint-small) { margin-bottom: 3rem; } @media (min-width: $breakpoint-medium) { font-size: larger; } } このような実装にすることで、小さい画面のスタイル

[minimum_sho]

この設計の仕方悪くない

[misaquo]

勉強します