Tailwind v4: Breakpoints seem broken on Firefox

[mtemakuni320]

For example, I have a hamburger menu that should be hidden at size md, but that kicks in at 816px in Firefox (latest) in Linux Mint instead of 768px. Chrome (tested with brave) works fine. An example to test (just drag the middle bar to the left) https://play.tailwindcss.com/tWy5qPrOXC

[wongjn]

Could it be you have the font size setting in your Firefox browser set to 17px?

16 × 48 = 768
17 × 48 = 816

[mtemakuni320]

Yes! I am using Atkinson Hyperlegible Font and I forgot I set the font size to 17px. Thanks for the tip!