Clarissa Peterson

Designing Responsive Websites

Responsive considerations:

1. content: smallest screen = hardest = first
2. wireframes: prototype
3. typography: adjust all space, ems & rems
4. scale: adjust all space to scale
5. measure (line), medium (length), media query
6. mobile: touch (min. 44px X 44px)
7. consider performance budget (not $)
8. testing: test as much as you can, browser stack, device labs