---
topic: "Float & clear"
desc: "Learn to create more complex layouts with the float and clear CSS properties."
clr: "1, 2, 3"

video_tutorials:
  - title: "Float & clear"
    url: float-clear
    videos: true
  - title: "CSS layout cheat sheet"
    url: css-layout-cheat-sheet
  - title: "Navigation"
    url: navigation

slides:
  - title: "Float & clear"
    url: float-clear

tasks:
  - title: "Ingenious Indentor"
    url: https://activities.learn-the-web.algonquindesign.ca/ingenious-indentor/
    type: activity
  - title: "Learning float & clear"
    url: learning-float-and-clear
    submit: ""
    type: lesson
  - title: "Header icons"
    url: https://github.com/acgd-webdev-1/header-icons
  - title: "Typographic insets"
    url: https://github.com/acgd-webdev-1/typographic-insets
  - title: "Columns of cards"
    url: https://github.com/acgd-webdev-1/columns-of-cards
---

---
topic: "Float & clear"
desc: "Learn to create more complex layouts with the float and clear CSS properties."
clr: "1, 2, 3"

video_tutorials:
  - title: "Float & clear"
    url: float-clear
    videos: true
  - title: "CSS layout cheat sheet"
    url: css-layout-cheat-sheet
  - title: "Navigation"
    url: navigation

slides:
  - title: "Float & clear"
    url: float-clear

tasks:
  - title: "Ingenious Indentor"
    url: https://activities.learn-the-web.algonquindesign.ca/ingenious-indentor/
    type: activity
  - title: "Learning float & clear"
    url: learning-float-and-clear
    submit: "Submit & show nothing."
    type: lesson
  - title: "Header icons"
    url: https://github.com/acgd-webdev-1/header-icons
  - title: "Typographic insets"
    url: https://github.com/acgd-webdev-1/typographic-insets
  - title: "Columns of cards"
    url: https://github.com/acgd-webdev-1/columns-of-cards
---

Add a missing submission line
Add a missing submission line
