Tailwind CSS – Responsive breakpoints as components
I found the @screen directive, that solves this question: https://tailwindcss.com/docs/functions-and-directives/#screen as easy as @screen md { // whatever } Update. As mentioned in the comment, Taliwind 3.2.7 has different notation: @media screen(sm) { /* … */ }