HELP! I'm stuck

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">
1 Like
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

1 Like
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.

1 Like