Lesson 10: CSS - Positioning

Goal

Learn how things are normally positioned with CSS if nothing is changed from the default behavior.

Recap

  • Box model
  • width & height

Foundation

Exercise

Activity

  • make header positioning context
  • relative
  • give it a height of 200px
  • Position title
  • get rid of padding and margin
  • absolutely position it in the middle
  • make up for the off centeredness of it
  • Position credit
  • get rid of padding and margin
  • absolutely position it to the bottom right