The grid is an essential part of Macaw's workspace and design work flow. It helps place elements evenly on the page and serves as a guide throughout the design process. The Grid Palette allows you to set the grid to match your preferences. Note: grid settings can be changed per breakpoint.

Grid Width

This sets the width of the entire grid. It can be set in either pixels or percentages to create static or fluid grids.


This is the total number of columns in your grid. The widths of the columns will be automatically calculated.


This is the space between grid columns. It is always set in percentages.