So I am embedding a project via iframe, and locking it at its 16:9 ratio, but taking up 100% width/height.
However, I'd like a breakpoint at about 480 so if it's on a phone, I can prompt the user to rotate their phone and block the starting of the scene. I can't seem to be able to dictate the upper size of the breakpoint, only the lower breakpoint, and multiple layouts.
I don't want stepped breakpoint layouts. I want one layout for a custom max-width, and my main layout every other time.
What's the best way to go about this?