# Week 4 Agenda
# Studio
# Tuesday, 2/11
- 1:1 Meetings
- 07.00 Madeline
- 07.20 Eesha
- 07.40 Paul
- 08.00 Aaron
- 08.20 Eliz
- 08.40 Simran
- 09.00 Isabelle
- 09.20 Arianne
# Homework
- Use HTML and CSS, no images.
You need to have:
- Website of today (you can change stuff)
- The same website that needs to feel 'OBSCURE'
- The same website that needs to feel 'LIGHT'
- A navigation bar to switch between these three websites
# Thursday, 2/13
- 1:1 Meeting
- 07.00 Sia
- 07.20 Ella
- 07.40 Juri
- 08.00 Yoo-Jin
- 08.20 Yeo Jin
- 08.40 Shuming
- 09.00 Abigail
# Homework
- Use HTML and CSS, no images.
You need to have:
- Website of today (you can change stuff)
- The same website that needs to feel 'OBSCURE'
- The same website that needs to feel 'LIGHT'
- A navigation bar to switch between these three websites
# Lab
# Friday, 2/14
- Week 4 Student Presentation (Arianne)
- Lesson 4: CSS Layout (continued)
# Homework
- Create a newspaper homepage layout using CSS Grid!
- Things to keep in mind:
- Only create the paper's homepage; article links should just go no where
<a href="#">example</a> - Make sure to use flexible units when defining your
grid-template-columnsandgrid-template-rows(i.e.,repeat(5, 1fr)) and make your container responsive as well (usingvhandvwor percentages instead ofpx). The more it feels like a real digital newspaper the better. - Use the CSS styling you already know in addition to css grid to make it look nice!
- Need help?
- Reference our in-class Mondrian example here
- Reference the CSS Grid Garden game we reviewed in class
- Amazing but long free CSS Grid tutorial resource: Wes Bos' Grid Tutorial
- Sarah Drasner Grid Generator Tool
- ✋ Try to work it out on your own before generating a grid with this tool!
- Only create the paper's homepage; article links should just go no where
Due Date: Uploaded to your Github repo and accessible via a link on your course homapge by next lab, 2/21