Screenshot of site screenshot
Currently, I am a newcomer to the world of coding and working on a project that involves adding a background image. Despite my efforts, I have been unsuccessful in making the background image span the full width of the screen. Since all the images are stored locally on my computer, I decided to provide a screenshot here on Stack Overflow for reference.
I did attempt to add the image as an img element, but faced complications with the bootstrap grid system and z-index. If anyone has a tutorial on this issue, I would greatly appreciate it! For now, I prefer keeping it as a background-image as it seems more manageable for troubleshooting and resizing purposes.
I even experimented with position: absolute; and position: relative;, but unfortunately, it didn't yield any positive results.
* {
margin: 0;
padding: 0;
}
html {
min-height: 100%;
min-width: 100%;
background-size: cover;
}
... (The rest of the CSS code is untouched) ...
<!DOCTYPE html>
<html lang="eng">
<head>
... (The external links and meta tags remain unchanged) ...
<!--title and favicon-->
</head>
<body>
... (The HTML structure within the body tag remains unaffected) ...
</body>