---
topic: "Media queries & position"
desc: "Use media queries and position together to make responsive banners & layouts."

video_tutorials:
  - title: "Screen sizes cheat sheet"
    url: screen-sizes-cheat-sheet
    highlight: true
  - title: "Media queries layout"
    url: media-queries-layout

group_activities:
  - title: "Finding patterns"
    url:
    type: pencil
    pair: true

tasks:
  - title: "Hex Hacker"
    url: http://activities.learn-the-web.algonquindesign.ca/hex-hacker/
    type: activity
  - type: blank
  - title: "Responsive image & caption"
    url: https://github.com/acgd-webdev-1/responsive-image-caption
  - title: "Restaurant website prototype"
    url:
---

---
topic: "Media queries & position"
desc: "Use media queries and position together to make responsive banners & layouts."

video_tutorials:
  - title: "Screen sizes cheat sheet"
    url: screen-sizes-cheat-sheet
    highlight: true
  - title: "Media queries layout"
    url: media-queries-layout

group_activities:
  - title: "Finding patterns"
    url:
    type: pencil
    pair: true

tasks:
  - title: "Hex Hacker"
    url: http://activities.learn-the-web.algonquindesign.ca/hex-hacker/
    type: activity
  - type: blank
  - title: "Responsive image & caption"
    url: https://github.com/acgd-webdev-1/responsive-image-caption
  - title: "Restaurant website prototype"
    url:
  - title: "Restaurant website plan"
    url:
---

Move the plan a week earlier
Move the plan a week earlier
