Arbitary values not working with pre-existing breakpoints #20477
|
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 I have to use a media query that is between Can I not use this? Maybe there is a better way? |
Replies: 1 comment 1 reply
|
When you are mixing arbitrary and built-in media query variants, use the same unit. Since Tailwind uses The docs explain this for setting breakpoint theme tokens but the logic is the same for arbitrary media query variants. |
|
Thank you. I must have tunnel visioned on the pixel equivalent of the rem in the docs. |
When you are mixing arbitrary and built-in media query variants, use the same unit. Since Tailwind uses
remunits by default, it should work if you use theremequivalent: https://play.tailwindcss.com/Sm5LpEMAC3The docs explain this for setting breakpoint theme tokens but the logic is the same for arbitrary media query variants.