Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

May 12, 2020

Is there an option to lock the container box proportions?

I try to make the square always square;)

At the desktop breakpoint, I set the maximum and minimum size in = 96px, h = 96px; w = 48px, h = 48px, then I change the settings to fluid. After changing the breakpoint, the proportions are completely different. What am I doing wrong?

2 answers0 replies

Hi @Joanna Malczyńska To add to what Anna wrote, there is a way to set a container to keep its proportions while changing size. You can achieve that by setting both its width and its height in the vw unit. This means they will both change in proportion to the viewport's width, and will keep the proportion between them.

Hope this helps :)


Hi Joanna, I am Anna from the Editor X Product Team. Once you set the container width to fluid, the value in this field is changed to %. So, if you had w=300px and h=300px, you will now have, for example, w=20% These 20% on a different viewport size will be something else entirely. The actual px value will be within the range you set up using min/max width, depending on viewport, but it won't match the height px value anymore and the container proportions will change. You do have the "scale proportionally" setting for media and decorative elements. I hope this helps clarify things a little bit. You can see more about how sizing works in the lesson on AcademyX: Thank you for your feedback and please feel free to reach out again if you have any other questions or need assistance in getting to a specific design. In the meantime, have a great day!

Editor X

Design your boldest creations.