Layouts & Structure

Grid Layout

A grid layout arranges content in rows and columns with consistent spacing.

Also called GridTile gridRows of cardsBox grid

Visual Example

Plain Definition

Grid layouts make repeated content feel orderly and easy to scan.

You Might Describe This As...

  • "Rows of cards"
  • "Box grid"

Fast lookup

You May Also Mean

Grids arrange visual blocks; tables compare records across consistent columns.

Table

Check the name, visual cue, and typical use.

Table vs Card

See the practical difference side by side.

What It Is Used For

  • Displaying galleries
  • Showing repeated cards
  • Organizing dashboard modules

Example User Phrasing

  • "Show these items in a grid layout."
  • "Use a three-column grid on desktop."