HELP! I'm stuck

HELP! I'm stuck
0.0 0

#1

Hello fellow campers,
Right now working on the portfolio project and got stuck, I can’t seem to find a way to add different background images cuz when I do one overrides the others.
can someone pls take a look and tell me where I went wrong!? pls keep in mind that I’m a complete novice when it comes to code. Thank you so much for taking the time to check.


#2

One issue that jumps out is that your #page2 and #page3 divs are inside of your #page1 div:

<div id="page1">
      <a id="about" class="smooth"></a>
    <div id="page2">

should be

<div id="page1">
      <a id="about" class="smooth"></a>
</div>
<div id="page2">

#3

You forgot a closing tag to your first page so that messes up the height etc.

So fix that and check the result. You might want to give a try to height: 100vh (instead of pixels) for every page. Just try and look at the difference. You can also try width:100%.

You’ll probably have to set your first image to background-size:cover


#4

Thanks man, i’ll make changes.


#5

Gonna try that, thank you


#6

@timotheap I changed the values like you suggested and it worked pretty fine for the first two, however the page3 is not loading so i changed the image, still not loading.


#7

the url of your third image doesn’t to work, even if I paste it on its own in a browser.