My Tribute Page : The martyrs Feedback on structure & style

Code Feedback
1

I have completed my first project in Freecodecamp and am so excited that i made it so far.

Kindly help to review my Tribute page and let me know if i did it better. Kindly give good criticism.
Below is the link:
https://codepen.io/PaulNewman/pen/MMdoMz

Regards
Paul newman

2

I had a look at your tribute page and all seems clear, the layout is fine. I am behind you on progress, still starting to build my Tribute page.
Overall I thought your page presented clearly.

3

Thanks litbit for taking a look on my tribute page and your comments.

4

Hi @paul-newman, welcome to the forums. You page is a good start, some things you may want to revisit;

  • 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.
    • Clean up the empty blocks in CSS. In HTML, you have elements that are incorrectly being used as child elements.
  • id's can be use only once
  • Tribute info is hard to read when multiple lines are varied length and centered. Would be easier to read if it was left justified.
  • You page is not responsive.
5

Thanks for the corrections.
I have made the corrections but html keep flagging the script and id “tribute-link” which it said was found doubled in the document but i have checked, it was used only once in the html section.

I also observed that the transform i applied on the image is not reflected, can you help to check why that is not working.

Also how do i apply spacing in the ul element as it looks clustered?

Thanks
Paulnewman

6