---
title: Modular design
banner: https://gallery.mailchimp.com/0b968f9b1f0f6e934c7ebbef6/images/27df0363-9902-4e90-bcb4-12876f3dc62a.png
intro: 'Modular typography and grid systems are the backbone of modern responsive web design, helping maintain consistent layouts and simplifying the design process for many devices.'
reviews:
  all-devices-setup: All devices setup
  media-queries: Media queries
  grids: Grids
  modular-typography: Modular typography
  modules: Modules
all:
  name: Modular website layout
  url: modular-layout
test:
  name: Ingenious Indentor
  url: http://activities.learn-the-web.algonquindesign.ca/ingenious-indentor/
  desc: Are your indentation skills extraordinary?
code:
  name: Uniforms interactive wireframe
  url: uniforms-interactive-wireframe
  desc: Typografy and gridify the heck out of this thing.
tools:
  - title: Screen sizes cheat sheet
    internal: screen-sizes-cheat-sheet
  - title: Gridifier
    external: http://thomasjbradley.github.io/gridifier/
  - title: Gridifier cheat sheet
    internal: gridifier-cheat-sheet
    highlight: true
  - title: Typografier
    external: http://thomasjbradley.github.io/typografier/
  - title: Typografier cheat sheet
    internal: typografier-cheat-sheet
    highlight: true
---

Add second year May email.
Add second year May email.
