Lessons > 5. Creating Page Layouts w/CSS: Part I

Edited CSS file from today’s demo

Here is the beginning of the CSS file we made together in lecture today:

• main.css

Today we will be going over page composition, including principles and CSS techniques.

Lecture Activity

Please download today’s lecture files and try to recreate the layout below:

Slides

• Composition & CSS Layouts

Lecture Video(s)

• Recorded Lecture Video (49:48)

Readings

1. Williams, Robin (2015). The Non-Designer's Design Book, Chapter 1.
2. Williams, Robin (2015). The Non-Designer's Design Book, Chapter 2.
3. The Box Model (Review). CS 130 Course Website
4. CSS Grid. CS 130 Course Website
5. Flexbox. CS 130 Course Website
6. Media Queries. CS 130 Course Website