Adjusting Width & Height of Elements

This article projects the CodeDesign-ways to adjust the width and height of an element.

Updated over a week ago

To adjust the width and height of an element, you can use the right sidebar. The size section of the right sidebar also gives you the privilege to set the maximum and minimum dimension(s) of an element. Let us learn it step by step.

Setting the height and width

  1. Select the element of your choice.

  2. Find the Size property on your right sidebar under Layout Settings.

  3. Either enter auto or manually enter the values of height and width in their fields respectively.

  4. Edit the unit if needed.

  5. And done!

Setting the Minimum & Maximum Values

To limit the size of an element, you can add a fixed maximum and minimum value to the element. Let’s see how to do that. This makes sure that the element doesn’t grow or shrink beyond that particular value.

  1. Select the element of your choice.

  2. Go to the size property on your right sidebar under Layout Settings.

  3. Click on Show more.

  4. Add minimum & maximum values for width and height.

  5. And done! Now the size of your element will never grow or shrink beyond the values you set!

Did this answer your question?