Minecraft Creeper Challenge

HTML/CSS -- Level 2


  • HTML:
    • Create a div for the creeper's entire body and give it an class/id called code "creeper"
    • Nest a div for each part of the "creeper" and give it the following classes/ids:
      • "eye1"
      • "eye2"
      • "mouth-side1"
      • "mouth-side2"
      • "mouth-side3"
  • CSS:
    • Use a pattern for the background in the body
    • Center all the text on the page
    • Give the "creeper" a set width and height
    • Set it's background to a pixelated green pattern
    • Set all the img tags to the same height
    • Add borders and hover properties to img tags