Unit 03
Layout and Response
By the end of this unit you have built and published a real page of your own — a Hot Take, one screen, one opinion — that holds together on a phone and on a laptop, and you can say why every part of it is where it is.
Intro to Web Design · members' unit
Layout and Response is behind a locked door
Units in Intro to Web Design are for people taking the course. Getting in takes a link or a key — signing in on its own doesn't do it.
What's in this unit · 19 min read
- The Hot Take
- Your toolkit for this project
- The box and the flow
- Container, row, column
- When the screen changes
- Components, and the one thing you want them to do
- Next: Top 6
5 quick checkslive HTML/CSS sandboxcode exercises
1 Sign in
With your school Google account. This is how your work reaches the gradebook — it doesn't open the unit by itself.
A key unlocks this browser and keeps your progress here; signing in keeps it with you across devices. Either way the key itself is only ever checked as a hash. Manage all of this on your account, read what signing in stores, or go back to Intro to Web Design.
Sources
- Gilmour Academy — Intro to Web Design
- Mark Mead — HyperUI — free Tailwind CSS components (MIT)
- Pouya Saadeghi — daisyUI (MIT)