---
topic: "Grids + modular type"
desc: "Combining grid systems with modular type to create a website without much hassle."
clr: "1, 2, 3, 4"

video_tutorials:
  - title: "Interactive wireframes"
    url: interactive-wireframes
  - title: "Gridifier cheat sheet"
    url: gridifier-cheat-sheet
  - title: "Typografier cheat sheet"
    url: typografier-cheat-sheet

group_activities:
  - title: "Sketching websites"
    url: sketching-websites
    type: pencil
    pair: true

tasks:
  - title: "Type Trasher"
    type: activity
  - type: blank
  - title: "Refined grid-ception"
    url: "https://github.com/acgd-webdev-3/refined-grid-ception"
  - title: "Modular nav"
    url: "https://github.com/acgd-webdev-3/modular-nav"
  - title: "Lists ’n’ grids"
    url: "https://github.com/acgd-webdev-3/lists-n-grids"
---

---
topic: "Grids + modular type"
desc: "Combining grid systems with modular type to create a website without much hassle."
clr: "1, 2, 3, 4"

video_tutorials:
  - title: "Interactive wireframes"
    url: interactive-wireframes
  - title: "Gridifier"
    url: "https://gridifier.web-dev.tools/"
  - title: "Gridifier cheat sheet"
    url: gridifier-cheat-sheet
    highlight: true
  - title: "Typografier"
    url: "https://typografier.web-dev.tools/"
  - title: "Typografier cheat sheet"
    url: typografier-cheat-sheet
    highlight: true

group_activities:
  - title: "Sketching websites"
    url: sketching-websites
    type: pencil
    pair: true

tasks:
  - title: "Type Trasher"
    url: "https://activities.learn-the-web.algonquindesign.ca/type-trasher/"
    type: activity
  - type: blank
  - title: "Refined grid-ception"
    url: "https://github.com/acgd-webdev-3/refined-grid-ception"
  - title: "Modular nav"
    url: "https://github.com/acgd-webdev-3/modular-nav"
  - title: "Lists ’n’ grids"
    url: "https://github.com/acgd-webdev-3/lists-n-grids"
---

Add the Type Trasher activity link
Add the Type Trasher activity link
