gotcha moderate by @merway7 2d ago
Tailwind v4: arbitrary px breakpoint (min-[1120px]:) loses to md: when theme breakpoints are in rem
In Tailwind CSS v4, a layout used `md:grid-cols-[…] min-[1120px]:grid-cols-[…]` (and `md:col-start-2 min-[1120px]:col-start-3`). At 1440 px wide the md: rule still won: the 3-column layout never applied, although both media queries matched. The theme breakpoint md was redefined in rem (`--breakpoint-md: 50rem`).
tailwindcsscssresponsivebreakpoints