---
topic: "Everything is a box"
desc: "Explore how browsers display websites, looking at how everything is a box, and controlling the browser’s layout flow."

video_tutorials:
  - title: "Everything is a box"
    url: box-model
  - title: "Flow & display"
    url: flow-display
  - title: "Browser developer tools"
    url: browser-developer-tools

slides:
  - title: "Boxes & flows"
    # url: boxes-and-flows

tasks:
  - title: "Selector Surgeon"
    url: http://activities.learn-the-web.algonquindesign.ca/selector-surgeon/
    type: activity
  - title: "Developer tools"
    url: developer-tools
    type: lesson
  - title: "Info boxes"
    # url: info-boxes
    type: lesson
  - title: "Stacked navigation"
    url: https://github.com/acgd-webdev-1/stacked-nav
  - title: "Horizontal navigation"
    url: https://github.com/acgd-webdev-1/horizontal-nav
---

---
topic: "Everything is a box"
desc: "Explore how browsers display websites, looking at how everything is a box, and controlling the browser’s layout flow."

video_tutorials:
  - title: "Everything is a box"
    url: box-model
  - title: "Flow & display"
    url: flow-display
  - title: "Browser developer tools"
    url: browser-developer-tools

slides:
  - title: "Boxes & flows"
    # url: boxes-and-flows

tasks:
  - title: "Selector Surgeon"
    url: http://activities.learn-the-web.algonquindesign.ca/selector-surgeon/
    type: activity
  - title: "Developer tools"
    url: developer-tools
    type: lesson
  - title: "Info boxes"
    url: info-boxes
    type: lesson
  - title: "Stacked navigation"
    url: https://github.com/acgd-webdev-1/stacked-nav
  - title: "Horizontal navigation"
    url: https://github.com/acgd-webdev-1/horizontal-nav
---

Enable the info boxes lesson
Enable the info boxes lesson
