Very first "Build a Tribute Page" project (feedback)

Tell us what’s happening:
Hello, I am completing my first project here on freecodecamp and I would like to make sure everything is in order. I ran the tests in codepen and it got a 10/10. However, I would like to double check with fellow members before actually submitting. This is my very first project when it comes to coding so I would appreciate the help and any feedback.

Code So far
https://codepen.io/Serj_360/pen/ZdKzBB

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page

1 Like

Complete your codepen verification that you can see full page view

Your project looks cool keep doing more project long way to go
Happy coding

1 Like

Hi @Serj_360, welcome to the forums. Your page looks good but there are a couple of things you can revisit.

  • verify your address with codepen so we can see the page full screen
  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link. You some things in HTML to clean up. The <img> tag is self closing and correcting that will fix two of them and you use the same id more than once.
  • don’t use the <br> tag to force paragraphs. If you want four paragraphs then make four paragraphs.
1 Like

Thank you very much for the feedback!

  • I have done as you said and verified my code (HTML and CSS) using the “Analyze HTML/CSS” buttons. I got the message “We couldn’t find any errors in your HTML. Rejoice!”

*Ahh, I see the error rergarding the tag and have removed the second one.

  • I have also done the same for the
    tag.

Here’s 2 links for my revised version:

  1. Editor’s view: https://codepen.io/Serj_360/pen/ZdKzBB

  2. Full screen: https://codepen.io/Serj_360/full/ZdKzBB

Let me know how it looks now. Again I appreciate the help!

1 Like

Thank you very much for the feedback!

Here’s 2 links for my revised version:

  1. Editor’s view: https://codepen.io/Serj_360/pen/ZdKzBB
  2. Full screen: https://codepen.io/Serj_360/full/ZdKzBB

Let me know how it looks now. Again I appreciate the help!

Looks good @Serj_360. Nice job!

1 Like