1st ever Tribute page - Charlie Munger

Kindly review and share your feedback.
Things I am aware of and intend to fix.

  1. Move the styles to a separate .css file and link to this.

  2. Differentiate header, image, bullets and footer with varying hues of the same color.

https://codepen.io/roshanjhegde/full/yWEjYX

I would appreciate any other feedback. Particulary,

  1. Semantic errors if you could point out
  2. Have I erred or missed any other user stories laid out?
  3. Any other beginner mistakes that I would do well to avoid.

Thank you campers and FCC for supporting me thus far.

Hi @roshanhegde!

Copy and paste this script in your project, in the HTML part. This will make an option in the upper-left part of the screen appear, it is to check you have done every user story.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

I think your Tribute Page is okay, you should make the image a bit bigger, and change text when you are seeing it in mobile because it looks too compressed.

Good luck and continue coding!

Thanks a lot for pointing this out, I failed some of the tests, will fix the errors and move forward. Can you share more information about the script tag above?

it looks good. the only thing I can say is the font is a bit hard to read. It looks great on your headings but its not as clear on the other content.

A font I always default too for content is ‘Roboto’ . but otherwise it looks great! nice work

Sure, the script tag is given to you at the end of User Stories for you to put in every project you make to ensure you are compliant to the stories.

Fellow campers, help me fix this error.

im just going to assume your parent element is set to: id="container"

First the CSS and then the HTML


#container {  /* Parent Element */
width: 100%;
height: 100%;
}

img {
display: block;
margin: 0 auto; /* Sets Left & Right Margins to Auto */
}


<div id="container"> <!-- Parent Element -->
     <img src="source/yoursource.jpg" height="100px" width="250px" alt="image-name">
<!-- The 100px & 250px sizing is just for demonstration -->
</div>

hope this helps!!