Grid and element arrangement

Last updated: January 21, 2021 Written by: Avatar Justyna
share
Table of contents
share
Table of contents

The grid is an extra tool that makes it easier to place items on a landing page. When the grid is on, any widget you move in the editor will snap to grid lines.

How to enable grid in the Landingi editor?

1. To enable the grid, check the Grid option in the Page Settings in the toolbar. Now, when you move the elements, they will be aligned with the lines of the grid.

2. You can also arrange the elements by adjusting their value on the X (horizontal line) and Y (vertical line) axis in the toolbar of element options.

To align the row of elements horizontally, you only need to give all the elements the same numerical value on the X-axis (1).
To align the elements vertically with an accuracy of 1 pixel, use the arrows next to the Y-axis (2).

You can get maximum accuracy by using the grid tool (to check the element's position relative to other elements check how many grids there are between the elements) and give appropriate X and Y values on the axis at the same time.

share

Was this manual helpful?