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.
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!
If you make width 1000px it might not be responsive. I was told to use width 100% to be responsive.
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
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