---
topic: "Grids + modular type + CSS components"
desc: "Combine modular grids, type and CSS components together to get a website running quickly."
clr: "1, 2, 3, 4"

video_tutorials:
  - title: "Modular website layout"
    url: modular-layout
  - title: "Gridifier cheat sheet"
    url: gridifier-cheat-sheet
  - title: "Typografier cheat sheet"
    url: typografier-cheat-sheet
  - title: "Modulifier cheat sheet"
    url: modulifier-cheat-sheet

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

tasks:
  - title: "Module Mogul"
    type: activity
  - type: blank
  - title: "Responsive photo gallery"
    url: "https://github.com/acgd-webdev-3/responsive-photo-gallery"
  - title: "Icon navigation"
    url: "https://github.com/acgd-webdev-3/icon-navigation"
  - title: "Icon cards"
    url: "https://github.com/acgd-webdev-3/icon-cards"
---

---
topic: "Grids + modular type + CSS components"
desc: "Combine modular grids, type and CSS components together to get a website running quickly."
clr: "1, 2, 3, 4"

video_tutorials:
  - title: "Modular website layout"
    url: modular-layout
  - title: "Gridifier cheat sheet"
    url: gridifier-cheat-sheet
  - title: "Typografier cheat sheet"
    url: typografier-cheat-sheet
  - title: "Modulifier cheat sheet"
    url: modulifier-cheat-sheet

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

tasks:
  - title: "Module Mogul"
    url: "https://activities.learn-the-web.algonquindesign.ca/module-mogul/"
    type: activity
  - type: blank
  - title: "Responsive photo gallery"
    url: "https://github.com/acgd-webdev-3/responsive-photo-gallery"
  - title: "Icon navigation"
    url: "https://github.com/acgd-webdev-3/icon-navigation"
  - title: "Icon cards"
    url: "https://github.com/acgd-webdev-3/icon-cards"
---

Add the weekly activity link
Add the weekly activity link
