今日から全ブラウザで使えるCSSのrange記法の記事を書きました💐

・従来の記法の課題点
・range記法の書き方
・デモ
・@container との組み合わせ
・今すぐ現場で使う方法

までを解説しました。

@media や @container
が、次のようにシンプルに書けます。

@media (600px <= width < 800px) {
}