Day 10

  • Take Home Review
  • OOCSS
  • Z-Index
  • Daily Challenge
  • Responsive Contact Forms
  • Take Home Challenge
  • Questions?
  1. Create a new pen at codepen.io
  2. Think of a significant event in your life (birthday, wedding, graduation, etc)
  3. Add the year of your event to your html
  4. Add some paragraph text describing your event (event location, type of event, significance, etc)
  5. Use z-index to position the year text behind the description paragraphs
  6. Style the size, color, font of the year text. For example:
  7. Daily Challenge Example
  1. Continue working on your final project
  2. Add a contact form to your final project