Tuesday July 1

Outline

1. Exercise - Recreate Basic
2. Floats
   • display: inline-block
   • float
   • clear
   • overflow
3. More Rules
   • min-width
   • width (percents)
4. :before and :after
   • Pseudo-selectors
   • content
5. Exercise - Hackernews Navbar

Summary

Today we looked at how we can create column layouts as well as position elements in more ways than we can do with position or margin alone. From there we also looked at using our first Pseudo-selectors: :before and :after.

Homework

Based on the exercise that we started in class, continue working recreating the layout from Hackernews.

You can see the full assignment here: https://github.com/TIY-LR-FEE-2015-June/assignments/tree/master/1.3-iron-news