A tribute page of Copernicus review

Code Feedback
#1

Kindly review my first project. https://codepen.io/zenoalive/pen/XWWLKGQ I am willing to know where I need to work on.

#2

Title should be larger it may be in middle will do good

#3

Image should be fit with content it look little in place.

#4

image
image1600×900 282 KB

like this and add your own styles and explore.

1 Like
#5

Welcome to the forums @zenoalive. Your page looks good. 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.
    • Mainly mentioning because the head does not have a closing tag. Also, the test script is JavaScript. It would not go in the head element. It won’t work if there. It would be placed right before the closing body tag. Codepen is forgiving which is why it works now.
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should be aware of and address.
  • Don’t use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • Review the lesson about giving meaningful text to links.
#6