Tribute Page - Feedback - First Project

Hello everyone, I’m a beginner in web development, this is my first responsive web design tribute project about Dennis Berkgkamp, former Dutch soccer player:

https://codepen.io/RevolutionaryToe/pen/OJLWZdE?editors=1100

I’d appreciate some feedback, as I know there is probably a lot to improve.

Thanks!

@codesurfing I am a huge fan of Berkgkamp b/c I’m a Gooner.

I noticed that your id are not all unique. For coding best practices, id should be unique. However, I would recommend changing the id to class if it is not unique.

1 Like

Hi @codesurfing. Your page looks good. There are a few things you may want to revisit;

  • 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 have a typo in CSS that will affect how your page renders
    • You have some invalid element usage in HTML and some possible typo’s. Also, an id can be used only once. If you need multiple usage for styling purposes use class
  • Try to not use the <br> element to add spacing. Use margin and/or padding in CSS instead.
1 Like

Cool man! I love to watch Premier League.

Thanks for the feedback! I’l check that.

Thank you so much! I will work in all of this!

Posting again my tribute page after working in the points made on the feedback, also added some responsive aspects:

https://codepen.io/RevolutionaryToe/full/OJLWZdE