# Align elements with grids and snap lines
Grids guide and snap lines help you place elements neatly on the canvas, so your layout looks clean and consistent. Both are turned on by default.
## What each tool does
| Option | What it controls |
| --------------- | -------------------------------------------------------------------------------------------------------------------------- |
| **Grids guide** | Shows a column and cell overlay inside the section container while you drag an element, so you can see where it will land. |
| **Snap lines** | Show guide lines while you drag an element, and snap it to the edges of its section container. |
## Turn grids and snap lines on or off
1. In the top bar, select **Editor preferences** (**\[CONFIRM: icon thanh trượt]**).
2. Select or clear these options:
* **Show grids guide**: Show or hide the grid overlay on the canvas.
* **Show snap lines**: Turn snapping on or off when you drag elements.
Turning off **Show grids guide** also turns off snap lines.
## FAQs
#### Do grid lines show on my live store?
No. Grids guide and snap lines only show in the editor, to help you design.
#### **Why aren't snap lines showing when I drag an element?**
Snap lines only appear while you're dragging an element inside a section. Also check that both **Show grids guide** and **Show snap lines** are selected in **Editor preferences**, since snap lines don't work when Grids guide is turned off.
## Related articles
Control element position with constraints
Page layers
Inspector panel