Rem Issues

[JoaquinAdCentral]

Description

When I set the breakpoints in my panda.config.ts, the values on px are changed to rem.

In most of these cases, there's no problem, but when we test our styles on Windows Chrome, it seems that the value of those rems goes from "16px" to "12px" somehow, breaking some of our styles on those devices.

For example, if you set your sm on 600px, in the Windows Chrome browser, that sm starts before 600px.,

Link to Reproduction

https://play.panda-css.com/

Steps to reproduce

1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error

JS Framework

Qwik (TSX)

Panda CSS Version

0.32.1

Browser

Google Chrome 125

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[JoaquinAdCentral]

It seems it was because of a google preference about the font size. If you choose to have smaller texts, it will turn the rem from 16px to 12px or less.