# Layout grid

> Set up snap-to grids and guides so elements line up consistently across every variation users produce.

Source: https://bluepic.io/help/design-elements-and-tools/layout-grid  
Language: en  
Category: design-elements-and-tools  
Last updated: 2026-06-12

The layout grid is a set of guide lines that elements snap to, so things stay aligned no matter what content fills your template.

## Show the grid

Click the grid button in the **Toolbar** to show or hide the grid and its rulers.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/2463f611-c20f-4c75-8b91-b857c94c4600/max)

## Add a grid line

With the grid shown, click on a ruler to add a guide line: the **top** ruler adds a vertical line, the **left** ruler adds a horizontal one.

## Move or edit a grid line

Drag a grid line to reposition it. To set an exact position or remove it, **double-click** the line directly on the ruler to open its editor, where you can type its position in pixels or **Delete** it.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/70d03d1a-5914-4c5e-621b-67e1fbf50a00/max)

## Snapping

When you drag an element near a grid line, its edge snaps to the line. That keeps elements aligned to the same guides across every version of your design.