Skip to content
Lacuna Docs
YouTubeFacebookTikTokInstagram

How to Place Content Side by Side with Grids

A grid places 2 to 4 cells side by side on one row, with each cell holding its own content. Grids are perfect for paired images, comparison layouts, or any content that belongs next to each other on the page. For one continuous passage that flows through newspaper-style columns, use columns instead.

How to Create a Grid

  1. Click the containers icon in your editor toolbar
  2. Hover over Grid and pick how many cells you want (2, 3, or 4)
  3. Click into any cell and add your content

Working with Cells

Cells always share the row equally: two cells get half the width each, three get a third, and four get a quarter. Cells can hold paragraphs, subheadings, and images.

  • Add a cell. Click the + on the right edge of the grid.
  • Remove a cell. Hover over a cell and click its ✕. The cell’s content merges into the neighboring cell, so nothing is lost.
  • Change the count. Use the 2 / 3 / 4 cell buttons in the grid’s bottom toolbar.
  • Move between cells. Press Tab to jump to the next cell.

The grid’s bottom toolbar also gives you a Copy button and a Remove grid button. Removing a grid keeps your content: the cells unwrap back into normal paragraphs in order.

Customizing Your Grid

Click the pencil icon in the grid’s toolbar to open its style panel. It has four tabs: Text, Colors, Border, and Spacing.

Text

  • Font. The font for text inside the cells. It starts on Inherit from Body, so your grid matches the rest of your book until you choose something else.
  • Size. The size of that text.
  • Line Spacing. The space between lines of text inside the cells.
  • Justify Text. Project Setting follows your book-wide justification, or force it On or Off for the text in each cell.

Colors

  • Background. A fill color behind the whole grid (leave on Transparent for none).
  • Text Color. The color of text inside the cells (leave on Inherit from Body to match your body text).

Border

  • Thickness. The outer border width on each side.
  • Line Style. Solid, Dashed, or Dotted. Shared by the outer border and the line between columns, so the two always match.
  • Radius. How rounded the corners are.
  • Between Columns. The Thickness of the vertical line drawn between each column. Set it to 0 for no line.

Spacing

  • Around Grid. The space on all four sides, outside the grid. Left and right values pull the grid inward, making it narrower than the surrounding text.
  • Inside Cells. The padding inside each cell.
  • Between Cells. The Gap between cells. The grid’s outer left and right edges are controlled by the Inside Cells left and right values.

Under Rules:

  • Trim Top Spacing on Page Start. (Print only.) When the grid lands at the top of a new page, removes the space above it so it sits flush with the top margin.
  • Keep Lines Together. When on, the entire grid stays together on the same page in print; if it doesn’t fit, it moves to the next page.

Grids on E-Readers and in Print

Grids are built to survive every export. The cells stay side by side in EPUB (including Kindle), in print-ready PDF, and in Word (DOCX) export. Keep in mind that on a small phone screen, four columns get narrow, so preview your book on different devices to find the cell count that reads best.

Using Presets

You can save and reuse grid styles with presets. This makes it easy to keep every grid in your book looking consistent.

Finding Grids

Use the Elements tab in the section sidebar to find all grids in your book and jump directly to any of them.