Tribute page - trying to make my image responsive!

I am having trouble with my responsive image, when I run the test, it tells me "try using the max-width style property : expected ‘none’ to not equal ‘none’

here’s my code so far

It looks like some of your markup is a little jumbled in the section below:

    <div id="img-div">
    <img-div id="image">
             <div id="img-caption">"Gaga Selfie"
    <img  class="thin-cyan-border center responsive"
    src="https://thatgrapejuice.net/wp-content/uploads/2020/03/gaga-1a.jpg"
    alt="Lady Gaga close up selfie with black makeup">
      </div>
    <body>

try replacing the above with:

<div id="img-div">
  <div id="img-caption">"Gaga Selfie"
    <img id="image" class="thin-cyan-border center responsive"
    src="https://thatgrapejuice.net/wp-content/uploads/2020/03/gaga-1a.jpg"
    alt="Lady Gaga close up selfie with black makeup">
  </div>
</div>

Thank you, tried this and all good now!

1 Like