Front End Engineering June 2015

Tuesday July 1


  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


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.


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

You can see the full assignment here: