#14: Full Page Background Image Using CSS

Good Evening

The goal here is a background image on a website that covers the entire browser window at all times. We can do this purely through CSS thanks to the background-size property now in CSS3. We’ll use the html element (better than body as it’s always at least the height of the browser window). We set a fixed and centered background on it, then adjust it’s size using background-size set to the cover keyword.