First Project - Bob-Marley Tribute Page - Any feedback wanted

Code Feedback
1

Please see my tribute page @ https://codepen.io/michaelhonest44/pen/gOYqqvN

I need your feedback thanks

2

Hi @passive, your page looks good but there are a few things you may want to revisit.

First off, there is a forum ‘Project Feedback’ where you’ll get more feedback and more eyes looking at your page.
That being said,

  • codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to the <head> click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.
  • 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 duplicate in CSS that you should clean up and there are quite a few things in HTML that should be cleaned up
  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>). Your page passes 8/10 user stories.
1 Like
3

Alright, thanks sir. I will do the needful

4

Hey, well-done on completing your first project!

Can you change the font colour under #tribute-info? It doesn’t feel user-friendly, it was a visual shock to transition from the first section of the page to the tribute-info. And you have 5 font-families in a small single page. Try decreasing the number, choosing at least two, it helps makes the page more familiar for the reader.

Design-thought: The Rastafarian spiritual practise can be considered “warm” so maybe you can play around with the main colours used in the culture?

5

Alright, thanks for the feedback sir. I will make the necessary adjustment