Schedule > CSS Layouts (and a quick Lab 2 preview)

Readings

1. CSS Continued

• LinkedIn Learning Playlist #3: CSS Properties.
  Please review the following sections:
  • RGB, hex, and keyword color values
  • Practicing with selectors and colors
  • Web-safe fonts and the font family property
  • Web fonts and Google fonts
  • The font-size property
  • Practicing with web fonts & font size
  • The font-style and font-weight properties
  • The color, line-height, and text properties
  • Adjusting the font-weight property
• Course Website:
  • CSS Rules of Thumb
  • Selectors
  • Color
  • Text & fonts
  • The Box Model (Review)
  • CSS Grid
  • Flexbox
  • Media Queries

2. Games for learning CSS Grid and Flexbox

CSS Grid and Flexbox are learned best through example. That said, these games will help you learn what the key properties of each layout paradigm, and are worth the investment:

• Flexbox Froggy (very helpful – worth doing)
• CSS Grid Garden (also recommended)

In today’s class, we will continue our HTML & CSS Exploration from Lecture 3 by completing a few alignment exercises (which you will continue practicing in HW1).

Slides

• Lab 2 Preview

Lecture Video(s)

• Recorded Lecture Video (46:19)