Tribute Page - Build a Tribute Page

Tell us what’s happening:

I fail 2 tests:

  • Your img element should have a display of block
  • Your #image should have a max-width of 100%

Your code so far

HTML

    <figure id="img-div">
     <img src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg"
      id="image" width="100%">
     <figcaption id="img-caption">Dr. Norman Borlaug</figcaption>
    </figure>

CSS

#image {
display: block;
max-width: 100%;
height: auto;
justify-content: center;
margin: 0 auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (iPad; CPU OS 16_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/113.0.5672.69 Mobile/15E148 Safari/604.1

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Thank you :pray:

I think you forgot about this:

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS”

2 Likes

Omg thank you!! There was a typo in my CSS href.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.