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