効かない

Code

TailwindCSSでhidden sm:blockが効かないのを効かせる

Tailwind cssを使っていて、スマホの時だけ表示させたいものがあったが、なぜか表示されない。バージョンの問題なんだろうかと色々探したのでメモ。

tailwindcss: 3.4.1
nuxt: 3.10.3

hidden sm:!blockにするそう

結局、以下を発見。cssの!importをするみたいに!をつけてあげると効きました。

Tailwind CSS "sm:block" class is not overwriting "hidden" class after passing the "sm:" breakpoint
I am following a navbar tutorial from the creator of Tailwin…
Stack Overflow

コメント