レスポンシブサイト制作の生産性を向上させるCSSテクニック集(+JavaScript)
レスポンシブ対応に便利なCSSプロパティ等
The magic of auto-fit and auto-fill (and the difference between them) The magic of auto-fit and auto-fill (and the difference between them) - YouTube
最強に便利なCSSの比較関数 min, max, clamp を紹介!これからのレスポンシブ対応に必須! 最強に便利なCSSの比較関数 min, max, clamp を紹介!これからのレスポンシブ対応に必須! - YouTube
360px 未満は JS で viewport を固定する(生産性向上の為)等
レスポンシブ基本
メディアクエリは必ず順番に書かなくてはいけません。 モバイル向け、タブレット向け、PC向けの順番をめちゃくちゃに記述することはできません。 必ず、「大きい→小さい」か「小さい→大きい」の順番通りに指定するようにしましょう。