Web Design & UX

Responsive Design

Quick Definition

Responsive design means a single website adapts its layout to any screen size — phone, tablet, desktop — using fluid grids and CSS media queries.

In context

Mandatory since Google's mobile-first indexing. Test at 375px (small phone), 414px (large phone), 768px (tablet), and 1024px+ (desktop). Touch targets minimum 48x48px with 8px spacing.

Have a question this didn't answer?

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

Book a Free Call Browse 50+ Detailed Answers

Related terms

White Space (Negative Space)

White space is the empty space around design elements — not necessarily white in colour, just unused.

Design System

A design system is a comprehensive set of design standards, components, patterns, and guidelines that govern a brand's digital products.

Mobile-First Design

Mobile-first design starts with the mobile layout and progressively enhances for larger screens, rather than designing desktop and shrinking down.

WCAG (Web Content Accessibility Guidelines)

WCAG is the W3C accessibility standard with three conformance levels: A (basic), AA (typical legal/best-practice), AAA (highest).

Headless CMS

A headless CMS provides content storage and editing tools but doesn't dictate the front-end — content is delivered via API to any front-end framework.

Conversion Friction

Conversion friction is anything in the user journey — extra form fields, unnecessary steps, slow loads, confusing copy, distracting design — that reduces the likelihood of completing the desired action.

Back to all terms