My main issue is that you were able to solve it but I can’t use your solution! All of my CSS works exactly as I intended but with Compiled turned ON. To turn it OFF and redevelop could cost me 40 hrs. (Just guessing)
Let me ask is there a way we could modify your code to work with Compiled turned ON?
The media queries work as planned. I’m specifically targeting desktop users who may resize the screen while using the site… it also covers different screen sizes at the same time. In that case I think the media query is the way. We could come back to this later
After I observed it in more detail, I noticed different behavior compared to my earlier tests since I first started using this new Glide app. Today, after replacing all of my code with yours, I found that when the switch is turned on, some code actually works. @ThinhDinh, what is your view on the meaning of this button? I recall that you also asked about it before.
Out of curiosity, I tested it further, and when the switch is turned on, you must write your code perfectly. The comment // added in front of a selector is not allowed to deactivate a block of code. You need to fully close a block of code using /*Code*/. It seems like there’s some validation here ensuring your code is written correctly.
Additionally, I found that there are code restrictions at the #root level that don’t work when the switch is on.