That makes sense. I’ve now separated the desktop/tablet and mobile layouts using a Breakpoint Container.
The issue is that in the smaller breakpoint, some Perspective components can only be scaled down so far before becoming unusable or getting cut off, as shown in the image. SVGs seem to scale perfectly, but is there another way to scale standard Perspective components proportionally without introducing scrollbars or clipping?
I’ll look into the possibility of getting the third-party module installed and test the Pan and Zoom component. Thanks for the recommendation.
Looks like it's the text.
Text scaling in vanilla Perspective is far from a solved problem, here's one recent-ish discussion with some ideas:
This seems really useful and very relevant to the issue I’m having. I’ll definitely test this approach with the text scaling. Really appreciate you pointing me in this direction thank you!
Just a quick update- I managed to resolve most of the scaling issues using CSS clamp() for responsive text, Flex Containers wherever possible, and Breakpoint Containers for different screen sizes. The desktop and laptop layouts are now working well. However, I'm still facing an issue with mobile orientation. My mobile dashboard uses a 9:16 aspect ratio, which works well in portrait, but in landscape it shrinks instead of expanding to use the available space. Changing to 16:9 stretches the components and distorts the layout. Is there a way to make the entire dashboard scale proportionally in both orientations while preserving the component sizes, positions, and aspect ratios, without having to maintain separate portrait and landscape layouts?
