Feedback on tribute page please

Code Feedback
1

https://codepen.io/nzbeiar/full/MWabyGR

2

Your page looks good @nzbeiar. Some things to revisit;

  • When using codepen it only expects the code you’d put within the <body> </body> element in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
  • Run your HTML code through the W3C validator.
    • There’s a couple of errors you should clean up
  • 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.
    • The HTML one gives false positives and misses things which is why I recommend W3C
    • CSS is good. You have a typo that affects how your page will display
  • You use the same font-family throughout your page. To avoid repeating yourself you could have defined that in the body declaration.
  • On small screens add a little padding to your tribute info so it doesn’t butt against the sides.
  • Maybe just me, but that stylized text is a little hard to read when it’s that small. May make it a little larger.