---
topic: "Flexbox"
desc: "Learn to create more complex layouts with the Flexbox CSS properties."
clr: "1, 2, 3"

video_tutorials:
  - title: "Flexbox"
    url: flexbox
    videos: true
    highlight: true
  - title: "Flexbox cheat sheet"
    url: flexbox-cheat-sheet
    highlight: true
  - title: "CSS layout cheat sheet"
    url: css-layout-cheat-sheet
  - title: "Boxes & borders cheat sheet"
    url: boxes-borders-cheat-sheet
  - title: "Navigation"
    url: navigation
  - title: "HTML indentation"
    url: html-indentation

slides:
  - title: "Flexbox"
    url: flexbox

group_activities:
  - title: "Family lines"
    url: family-lines
    type: pencil
    pair: true

tasks:
  - title: "Ingenious Indentor"
    url: "https://activities.learn-the-web.algonquindesign.ca/ingenious-indentor/"
    type: activity
  - title: "Flexing your muscles"
    url: flexing-your-muscles
    type: lesson
  - title: "Header icons"
    url: "https://github.com/acgd-webdev-1/header-icons"
  - title: "Columns of cards"
    url: "https://github.com/acgd-webdev-1/columns-of-cards"
---

---
topic: "Flexbox"
desc: "Learn to create more complex layouts with the Flexbox CSS properties."
clr: "1, 2, 3"

video_tutorials:
  - title: "Flexbox"
    url: flexbox
    videos: true
    highlight: true
  - title: "Flexbox cheat sheet"
    url: flexbox-cheat-sheet
    highlight: true
  - title: "CSS layout cheat sheet"
    url: css-layout-cheat-sheet
  - title: "Boxes & borders cheat sheet"
    url: boxes-borders-cheat-sheet
  - title: "Navigation"
    url: navigation
  - title: "HTML indentation"
    url: html-indentation

slides:
  - title: "Flexbox"
    url: flexbox

group_activities:
  - title: "Family lines"
    url: family-lines
    type: pencil
    pair: true

tasks:
  - title: "Ingenious Indentor"
    url: "https://activities.learn-the-web.algonquindesign.ca/ingenious-indentor/"
    type: activity
  - title: "Flexing your muscles"
    url: flexing-your-muscles
    type: lesson
  - title: "Header icons"
    url: "https://github.com/acgd-webdev-1/header-icons"
  - title: "Columns of cards"
    url: "https://github.com/acgd-webdev-1/columns-of-cards"
  - type: watch-videos
---

Add the “Watch videos” card to the end of week 9
Add the “Watch videos” card to the end of week 9
