Making something responsive on mobile.

Whats the best way to make something responsive on mobile. I’ve been using this on mobile only but it seems to affect desktop

Screenshot 2023-07-13 at 10.26.59.png

Hello! Would using percentages on width/height help you on this case? Or maybe having one element for desktop which is a stack and one elemnt on mobile that is a responsive column, and hiding the unused one.

Usually setting an override on a mobile screen will only affect the mobile screen, but sometimes it will affect the desktop screen, this is the case whenever the elements you are selecting is the default contents of a slot, then it is not able to support variant overrides at all, we are working on making this less confusing

Thanks maybe Icaro’s implementation is best for now then :slightly_smiling_face: