Week 4: Responsive Design

Agenda

• Zoom Tutorial
  • Containers
  • Media Queries
  • Typographic Hierarchy
• In-Class
  • Design Critique Activity & Discussion

Individual Learning

Design Foundations

Learn about the principles of design and consider how they can be applied to websites & apps.

In-Class Tutorial

Mobile First Responsive & Type Hierarchies

Together we will explore making our websites responsive and readable.

Deliverables

In-Class 4

Website & App Design Critique

Go through some websites and find some common web components.

Due: Wed Sept 28, 2022

Assignment 4

Responsive Type Hierarchy

Create a responsive type hierarchy that helps visually organize content on the page.

Due: Sun Oct 2, 2022