といっても背景限定ですが、 CSS にて親要素をはみ出して、画面幅いっぱいに表示させる方法。 よく見る下記のようなコードでは、 Windows では縦スクロールバーの分まで含まれてしまい、横スクロールが出来るようになってしまう。 .overflow { width: 100vw;…

考えることを極力減らしたい、そんな私ですが、ダークモード対応も面倒ですよね。 そんなときに使えるのが NightwindCSS という TailwindCSS のプラグインがあります。 それを使ったダークモード対応のお話。 といっても導入方法は簡単で、以下のようにして…

相変わらず CSS を書きたくないので TailwindCSS を使っているわけですが、 今回は .container の設定を変更するお話です。 TailwindCSS では、デフォルトで以下の Container 設定がされています。 Breakpoint Properties none width: 100% 640px (sm) max-w…

私は CSS を書きたくないタイプの人間なので、基本的には Bootstrap や TailwindCSS みたいな、 CSS フレームワークを使って Web サイトを構築するタイプの人間です。 ということで、今日はそのうちの TailwindCSS のお話 例えば、 CSS 疑似要素の first-let…