Adding a Background Image
Learn how to make web layout more engaging and dynamic.
Adding the background image
We’ll be adding a large photo in the background. Again, we’ll use DevTools to find the HTML element to copy.
Besides the HTML for the background image, we’ve also used the "Styles" panel to find the CSS used to get the effect of the image covering the whole screen and copied the CSS styles. They are inline on the element for now. Once we’ve updated the layout completely, we can move these inline styles to their proper CSS classes. However, doing that right now would slow things down for us.
Get hands-on with 1200+ tech skills courses.