​​Lesson 09: CSS - Background image

​​Goal

​​Learn how to use images as backgrounds in CSS.

​​Recap

​​Lesson

​​Activities

  • ​​Create header
  • ​​<header>​ tag with header​ class
  • ​​Put it on the grid
  • ​​Move title​ and credits​ inside of header​
  • ​​Remove title​, image​, & credits​ styles
  • ​​Add background image
  • ​​create background-image​ property with url from img​ tag
  • ​​Remove img​ 
  • ​​Center background image with background-position​
  • ​​Make background image cover​ the space available
  • ​​Do not repeat​ the background image
  • ​​Remove body​ margin​
​​
​​