Tribute Page Feedback Request 7-7-2018

Tell us what’s happening:
My website is https://codepen.io/rob84044/pen/Nzeoxz. Please let me know what you think?

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page

It could use some work on the responsiveness. Try formatting text with em or vw. Same with your images, format them with either vw, min/max width, or use some media queries.

It’s important to remember that id’s can only be used for one object. If you want to apply the same CSS to multiple objects you’re going to want to use a class not id. Classes can be used on multiple objects without an issue.

Add a class to your tribute info instead of using the same id more than once. Your right and left margins are much too large when shrinking the window. You should try to use vw on the right and left margins for those.

Use margin and padding to make your page look cleaner. For example the portrait image is being overlapped on the top by the title.

Those images of dynamite and peace prize and their styling is :fire:

1 Like