What is Responsive Design?

Responsive web design means your site looks and works great on every screen size — from a 320px phone to a 2560px monitor.

Three pillars

1. Fluid grids — widths in % instead of px
2. Flexible images — images that scale with their container
3. Media queries — CSS rules that apply only at certain screen widths

Try resizing the preview window on the right to see the example respond!