Responsive Design

Introduction

Your site must work on all devices.

Media Queries

@media (max-width: 600px) {
  body {
    background: lightblue;
  }
}

Mobile-first

Design for small screens first.

Tips

• Use flexible widths

• Avoid fixed sizes

Recap

Responsive design = better user experience.