Skip to main content
What are Gridlines?

Learning how Gridlines work

Akshaya Kumar avatar
Written by Akshaya Kumar
Updated over a week ago

Gridlines on the editor

Have an OCD to ensure alignments are in place?

Here’s where Gridlines come into play.

Gridlines are assistive lines that help you align all your elements within a page. They are a series of horizontal and vertical lines that help you depict the alignment of your elements across the page.

In this article, you will learn:

  1. How to use a gridline on the editor.

  2. How to remove a gridline from the editor

How to use a gridline on the editor

The gridline originates from the left side and top of the screen and can be dragged anywhere across the screen and placed.

To drag a gridline, hover over the ruler on the top or the left side of the screen and click. You will get a red line, which can be placed as per the alignment you want.

Click on the red line to align the gridline and drag and drop.

The rulers will guide you on getting the equal and the right amount of spacing. The below image is an example.

How to remove a gridline from the editor

Removing a gridline is pretty simple. All you have to do is hover over the gridline you’ve placed on the editor and double-click once the cursor points on the line.

Tadaa! And that’s how gridline works.

Still need help? Send us your queries at and we'll be glad to assist.

Did this answer your question?