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