Layout options

You can position and scale objects two ways in Google Web Designer—using pixels or using percentages. When you use pixels, you specify the exact placement or size of an element. When you use percentages, you specify the position or size as a percentage of the page (or parent element). Percentage-based layouts are often helpful for responsive design.

Percentage-based values

To keep elements positioned relative to the page regardless of viewport size, set position and size properties using percentages rather than pixels. For example, when an element is positioned at 20% of the page size, it will adjust to stay at 20% as the page size changes.

Choose between pixels and percentages

Click the measurement unit (px or %) inside the Properties panel field and select the unit that you want to use from the pop-up menu. Percentage values are based on the size of the parent container.

You can quickly switch all position and size properties to percentages by clicking the Use percentages  button.

Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue