Skip to main content
All CollectionsThe Design Studio
How To Apply the Grid System.
How To Apply the Grid System.

Add a grid that overlays the website, to easily align, match and lay-out the elements of your website.

Webydo Support avatar
Written by Webydo Support
Updated over a week ago

You can easily show and hide the grid using the keyboard shortcut, or look for it under the View option in the top menu.

Open the View menu and select Show Grid Overlay (the command changes to Hide Grid Overlay). Now you can move elements around and position them by causing them to snap to the grid columns.

When opening the Grid Overlay Generator you'll be able to control your grid and set the number of columns, the width of the columns and the width of the gutter.

Use the View-Grid Overlay Generator option to control the components of the grid and adapt them to meet your requirements.

Did this answer your question?