Layouts & Structure

Responsive Layout

A responsive layout adapts spacing, columns, and navigation to different screen sizes.

Also called Responsive designAdaptive layoutMobile-friendly layoutLayout that works on phones

Visual Example

Plain Definition

Responsive layouts keep the same content usable across narrow and wide screens.

You Might Describe This As...

  • "Mobile-friendly layout"
  • "Layout that works on phones"

Fast lookup

You May Also Mean

Responsive layout covers the whole screen behavior; mobile navigation is one part of that experience.

Mobile Navigation

Check the name, visual cue, and typical use.

What It Is Used For

  • Supporting desktop and mobile screens
  • Reflowing grids into single columns
  • Adjusting navigation for small screens

Example User Phrasing

  • "Make this page responsive."
  • "Stack the cards on mobile."