# Modular grid

Visual element sample: Layout › Grid
Source: https://visual-gallery.asami.tokyo/en/styles/layout-grid-modular

Columns and rows divide the page into modules that hold the elements.

## Visual traits
- The page is divided by both columns and rows into equal modules
- Each element fills one module or a rectangle of several modules
- Gutters are the same horizontally and vertically

## Prompt
Modular grid layout: divide the page by columns and rows into equal modules, and let each element fill one module or a rectangle of modules, with equal gutters in both directions.

## Avoid
freeform layout, column-only grid, irregular gaps