How To Apply the Grid System.
Grid overlays are exactly what they sound like, a grid that overlays the website, to easily align, match and lay-out the elements of your website.
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.