What version of Tailwind CSS are you using?
v4.3.3
What build tool (or framework if it abstracts the build tool) are you using?
Astro 7.2.6; tailwindcss/vite 4.3.3
What version of Node.js are you using?
For example: v26.5.1
What browser are you using?
Chrome
What operating system are you using?
Linux
Reproduction URL
https://play.tailwindcss.com/tFOJ5juY6L
Describe your issue
Custom breakpoints like min-[800px]:bg-blue-500 don't trigger with mixed with the standard breakpoints like md.
I have to use a media query that is between lg and md basically as a one-off. This media query never triggers. For the reproduction example, the box never turns blue even when it's greater than 800px.
Can I not use this? Maybe there is a better way?
What version of Tailwind CSS are you using?
v4.3.3
What build tool (or framework if it abstracts the build tool) are you using?
Astro 7.2.6; tailwindcss/vite 4.3.3
What version of Node.js are you using?
For example: v26.5.1
What browser are you using?
Chrome
What operating system are you using?
Linux
Reproduction URL
https://play.tailwindcss.com/tFOJ5juY6L
Describe your issue
Custom breakpoints like
min-[800px]:bg-blue-500don't trigger with mixed with the standard breakpoints likemd.I have to use a media query that is between
lgandmdbasically as a one-off. This media query never triggers. For the reproduction example, the box never turns blue even when it's greater than 800px.Can I not use this? Maybe there is a better way?