Build a Tribute Page Feedback :) - My First HTML / CSS "project"

Code Feedback
1

Hello :slight_smile:
Just finished my first (tribute) page.

Can you guys take a look and provide some feedback?

https://codepen.io/groovin/full/YmWLbx

1 Like
2

Hi @kepler1, welcome to the forums.

A good looking page and tribute to one of my fav boxers. A couple of minor 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. (Nothing to be concerned about now, just for your next projects.)
  • 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.
    • you have an element that cannot be a child error

Happy coding!

3

@Roma
Thanks for the feedback! It means a lot. Ali was the best.

1 - I basically created the page in VSC and then copied the code to CodePen. Thanks for the info.
2 - I see yes, I’m working on fixing it :slight_smile:

So, I just hope it’s not the worst page.

4

Try this http://www.themostamazingwebsiteontheinternet.com/

5

@durbonca
Wow. This is something!

:laughing:

6

Here’s a real company website: https://www.lingscars.com
The office is about the same if you look at the webcams.

I think your page is much easier to read that that thing, and it responds nicely.
Well done! :slight_smile:

7

@leebut

Sorry… but that is a little bit hilarious :))

Thanks for you feedback! I appreciate it

8

Hey @Roma - some updates

  • If I remember correctly, in the exercise all the page elements should be nested inside a #main div…
  • Improved page appeareance on low resolution devices in Portrait orientation (<500px wide).
    The page should easier to read now. (decreased font size, made the div stretch to device width, added some opacity :slight_smile: )
9