Точки останова TailwindCSS не срабатывают при достижении определенных точек останова. ⇐ CSS

[Anonymous]

I am working on a Next js + tailwindcss project, where I am trying to make my site responsive.

This is my component:

According to the rules, this div should start with its display set as flex, but as soon as it hits screen size "md" it should hide.

but it keeps itself hidden for some reason, and flex property never got applied.

Similarly, in 2nd case:

`

Источник: https://stackoverflow.com/questions/744 ... reakpoints