Grid It - How to use it

Settings

In the settings you can adjust the number of columns and rows. Additionally, you can set the spacing between the columns and rows.

Main

On the main page you can make further changes to the number of columns and rows, delete old ones and add new ones. You can make columns or rows larger by writing the size of the individual column or row directly in the input field next to or above it.
With a click on the blue button below you can get the generated code. With the grey button you can return to the settings to make further changes.

Areas

You can also place areas. Just click on a module in which you want to start the area. To enlarge the area, just click on other modules. Give the area a name and save it. You can add as many areas as you want. With the "discard" button you can delete areas again.

Get the code

If you click the blue button below, a modal window will open in which you can copy the generated code. It also contains a link to a short tutorial which shows you how to make the code reponsive.