Tuesday September 27

Topics

• Class Time Management
• CSS Waterfall
• CSS Box Model & Border Box
• CSS Display
• CSS Floats

• Double Container

• CSS Units

• Inherit

Inspiration

Let's Work with Float and Grids!

• http://purecss.io/layouts/blog/

Exercise & Lesson Code

• https://github.com/TIY-TN-FEE-2016-fall/lesson-01-02

Lab

• Simple Float Grids
• Media Object

Video

• Rethinking Base Styles
  • REM
  • Base Font Sizes
  • When to use margin
  • Reseting ul
  • Don't break the defaults
  • Viewport Units

Homework

Resources

• Console Review
• Learn Layout
• Writing Better HTML & CSS