Full Background Images

Activity

Here you can test out what you read, and achieve badges.

Activity Instructions


Read Responsive Full Background Image Using CSS before attempting this activity. Once you have read about creating full background images, do the following:

  • Add to the current CSS, but don't delete any of the default CSS code
  • Make the current HTML image a background image for the div using CSS
  • Make this background image cover the entire div, even when the browser window is resized
  • Center the image both vertically and horizontally
  • Delete the HTML image tag

HTML

CSS

JavaScript

Output