How to configure automatic scaling in Zero Block (Autoscale)?

Autoscale lets you scale all elements inside the Grid Container proportionally to the width of the screen or browser window.

Instead of using a fixed width of 1200 px, the Grid Container stretches to the full width of the screen. All elements inside it are scaled proportionally to fill the available space.

To enable automatic scaling, open the artboard settings, find Scale Grid Container, select Autoscale to Window Width, and save the changes.

This setting helps remove excess empty space on high-resolution screens and makes the design adapt to different screen sizes.

You can enable Autoscale for all screen resolutions or only for specific ranges, such as mobile devices. To do this, apply the setting only at the required breakpoint.

On desktop, the container can scale from 1200 px to 1920 px, 4K, or 6K. On mobile devices, it scales from 320 px.