Responsive resizing an image on Tribute Page project

HTML-CSS
#1

Hello! New here…
I’m having trouble passing my Layout #1 test, which says:
“The element should responsively resize, relative to the width of its parent element, without exceeding its original size.”

My current code is:

img { max-width: 100%; height: auto; } I'm not sure what else to look at. Please help!
#2

It would be best if you gave us a link to your project/code so we can test for ourselves.

#3

Read all of the error message, including the lower part.

It also needs display: block the error message should tell you this.

#4

https://codepen.io/BrookA/pen/OJWqBBE

#5

  1. Move the id="image" to the image element.

  2. <img-div id="image"> is not a valid HTML element so you need to remove it. Also, remember you can only have the same id one time and the id image should be on the image element.

  3. You still need display: block on the image as well.

BTW, text is not a valid CSS property.

#6

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