First tribute page project (review)

Code Feedback
1

My first web project, i’d love some review and critics on which element should i improve or fix for future web projects, thank you!
Stephen Hawking Tribute Page

2

Looks gorgeous, Just one suggestion, the image is too big, so it takes time to load, and you don’t need even a quarter of that resolution!, so you could try to fix that.

1 Like
3

thank you, so i just need to downsize the res not the height/width of the img right?

4

Welcome to the forums @cepalopod. Your page looks good. Some things to revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your projects.
  • 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.
    • The link to the font goes in the box labeled ‘Stuff for <head>’
    • You link four fonts but only use two. And this link, link href="https://fonts.googleapis.com/css?family=Bebas Neue" rel="stylesheet" is incorrect. There shouldn’t be a space in the family name. I believe it’s a plus sign. Go to Google fonts and copy that link again.
1 Like
5

I like the design. Very clean and nice looking. The only thing that stood out to me as a real eyesore was this:
hawking_2

At certain screen sizes his name starts to disappear off the screen. Other than that I really like it.

1 Like