Finished Tribute Page - Feedback Please!

Hi all, I just finished my first project from freecodecamp. I was hoping some of y’all could take a look and give some suggestions on how I could make it better…

Much appreciated!

It is pretty nice, but there are some things I would suggest.

  1. Use a nice font. Look up google fonts (Raleway) and apply it.

  2. Two-tone your webpage. See how I have a background, then I have everything on one main div?

  1. Your footer needs some improvement. The color is too dark, the height is too small (add some padding). Make sure there is padding between the edge of the footer and the text itself.

  2. The page is not responsive.

Learn flexbox and put the lists in cards/ boxes. From there you can put them in a row with a container div and allow wrap. Sounds confusing, but taking 30 minutes to learn flexbox can drastically improve webpages --> https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Your image is not responsive either --> https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/make-an-image-responsive/


Notes

Please hit the reply button or I do not get notified.

Helpful tools–> https://codepen.io/Mike-was-here123/post/check-out-these-sites

Thanks Michael! I’ll get to work on making those changes! Appreciate the help.

It looks good on large but it is not responsive. I would suggest using grids to make it look better oh smaller screens.

I meant the footer color is too dark, not small lol

Looks a lot better though.

Yeah I agree, I think I should be all set now. Thanks for the help. The two-tone made a huge difference!

I made a example which shows how you you can do the tribute-info on your pen. Keep in mind you can style cosmetically however you want, this is just the flexbox base.

—> https://codepen.io/Mike-was-here123/pen/pqRVpb