Tribute page feedback FCC

Here is my first ever page done through FreeCodeCamp. I am seeking any kind of feedback to help me strengthen my weaknesses! I am trying to get better at mobile responsiveness. Thanks in advance!

https://codepen.io/philbillingsby/pen/PLQvzM

Nice work! Few suggestions.

  • You can remove the overflow-x for your contents, since you can’t scroll horizontally anyway.
  • Style your link at the footer. You can also remove its underline.
  • Give some space under your title.

Cheers :slight_smile:

1 Like

Very useful suggestions and I’ve changed my code to accommodate said suggestions. Thank you @shimphillip

Nice job, unique layout.

A suggestion. Codepen provides you with validators for HTML, CSS and JS. Click on the arrow in the upper right and then click the respective ‘Analyze’ link.
You have a few things that you need to clean up such as the paragraph and break tags not being allowed as a child of <ul>
You also have a duplicate id. Id’s can be used only once.

1 Like

Thank you so much! I will correct those errors tonight. Appreciate the feedback!

@PBillingsby
The picture you used is awesome. Pictures are about 75% of the page design. You made a great choice.
Here is what I think you can improve upon.

  • Set the paragraphs to text-align: justify.
  • Increase the width of the #bio div in to at least 90% in mobile view.
  • Decrease the title font-size in mobile view.
  • Try to remove the bottom scroll bar in the #bio and #discog. I do not know why it is there.

Screenshot at 400px:

Great looking page!