Just built a Tribute Page - Feedback Appreciated

I just built my tribute page for freeCodeCamp. I’m also having a problem with the website being too long. If you scroll sideways there’s extra space. Any help to fix this is appreciated. I have no idea how to do it. Also, any other feedback is appreciated.

Can you share your demo via codepen?

Oh my bad I forgot to give the link

Hello Amine,
I like your tribute page. What I noticed is that you have two ids named “footer”. Maybe change the first footer to a different id name. I believe when the css script is read, it will change both footer ids to
#footer {
margin: -30px;
padding-top: 20px;
padding-bottom: 75px;
padding-left: 20px;
}
Then later in the code the footer ids will be changed to:
#footer {
font-size: 25px;
text-align: center;
padding-bottom: 10px;
}

The “main” id, which holds all your other elements, maybe set your css properties to a certain width. example might be: #main{
width: 1000px;
}
Maybe setting the width will change the space you have on the right side.

These are just my thoughts, I hope these bring you helpful tips.

Have a good day.

1 Like

Thank you so much. The added a width and its fine now
I also didn’t see the two footers. Thanks for pointing that out!
:slight_smile:

1 Like

If you make width 1000px it might not be responsive. I was told to use width 100% to be responsive.

1 Like

Yes 100% is correct. Thanks Helen1

Hello there, i expect you dont mind recode your tribute page and add many comments on code giving tips.
By the way i’m not a professional and my code its not perfect.
And keep pratice then you can improve your skills and get more experience.
Anyway, Nice job @Amine654
The link to your landing page recoded by me here

2 Likes

Thanks so much @Rech! I’ll keep the tips in mind. The comments really helped. Im working on my next website (survey form) and I’ll try to make my website more responsive next time. I appreciate the help

1 Like