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!