Review on my Tribute Page project

Code Feedback
1

Hello Everyone, I am new here and am very happy to finish my first project. Can anyone give any feedbacks on my tribute page. If there is anything that can be improved. Thank you very much!
codepen: https://codepen.io/bluesky21800/full/BaLJLMe

2

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

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • You have elements incorrectly placed. The body and all its elements would never be in the head element. Review this for an understanding of the [HTML boilerplate tags].(https://medium.com/better-programming/understanding-the-tags-in-html-boilerplate-38d1ae2805f7).
    • Note that the test script would not go in the head element. It will not work. It would go right before the closing body tag. Codepen is forgiving which is why it works in this case.
      Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • In addition to being used incorrectly, do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • Accessibility is about being accessible to all users. Review the lesson about giving meaningful text to links.