#css
3件の記事
-
CSS Container Queriesのハマりどころ!高さが0になる問題とコンテナクエリ単位の使い方
CSS の @container ルールを使い始めたところ、ビューポートではなくコンテナのサイズに基づいてスタイルを変えられるようになり、コンポーネント単位のレスポンシブ対応がかなりシンプルになりました。
-
メディアクエリだけだと部品の使い回しがつらい問題、CSS Container Queriesで解決した話
ビューポート幅に依存した @media クエリを CSS Container Queries に置き換えたところ、コンポーネント単体でレスポンシブ対応が完結するようになり、管理がかなり楽になりました。
-
Tailwind CSS v4に移行したら設定ファイルが消えた話!移行で見た目が変わるポイントも
Tailwind CSS v4 へ移行したところ、tailwind.config.js が不要になり設定がCSSに集約されました。@tailwindcss/upgrade で移行もスムーズで、プロジェクトの見通しがよくなりました。