# What is Responsive design?

> Responsive design means a website automatically rearranges itself to fit any screen, from a small phone to a wide desktop monitor, using the same pages.

- Source: https://nerdsharks.com/glossary/responsive-design
- Publisher: Nerdsharks (Exeter, Devon, UK)
- Updated: 2026-09-26

Also called: responsive website, mobile-friendly, adaptive design.

A responsive website is one set of pages that adapts to the screen it is shown on. On a desktop you might see three columns side by side; on a phone the same content stacks into one column with bigger buttons.

It replaced the old approach of building a separate mobile website at a different address. Today it is simply the standard way websites are built.

Responsive does not automatically mean good on mobile. A site can technically fit a phone screen but still have tiny text, fiddly menus or a phone number buried at the bottom.

## Why it matters for a small business

Many of your customers will find you on a phone, often while dealing with the problem they need you for. If your site is awkward to use on a small screen, they will not squint and persevere; they will go back to Google and call the next result.

**Example:** On a desktop, a café's menu sits beside a photo gallery. On a phone, the menu comes first, the photos follow underneath, and the ‘Book a table’ button stays easy to tap with a thumb.