Is there a way to make a background image override the top padding on the first section of a website? I have set padding-top to separate the first title from the navbar, but now I want the background image to take precedence.
Thank you!
Using HTML:
<nav>
<a href="#getting-his-start"><b>Getting his Start</b></a>
<a href="#cinematic-revolution"><b>Cinematic Revolution</b></a>
<a href="#experimental-phase"><b>The Experimental Phase</b></a>
<a href="#logos-made-to-last"><b>Logos Made to Last</b></a>
<a href="#the-next-big-thing"><b>The Next Big Thing</b></a>
<a href="#his-influence-today"><b>His Influence Today</b></a>
</nav>
<section class="start">
<h2 id="getting-his-start">Getting his Start</h2>
Applying background image CSS:
.start {
background-image: url(../images/goldenarmamend.png);
background-position: top right;
height: 100%vh;
width: 100%vw;
Adjusting CSS for h3 spacing:
h3 {
font-size: 1.5em;
margin-top: 3em;
margin-bottom: 0.7em;
text-transform: uppercase;