9 out of 10 on Tribute page

1

Hi newbie here (Very new)
Trying to complete this tribute page… stuck at 9/10. I have looked at several ways of solving this and the pen test is just not having any of it.
( 1. The element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Try using the “max-width” style property : expected ‘none’ to not equal ‘none’)< This I have tried, does not work.
Tried ;
changing the class to img-responsive, does not work.
I have tried putting the max-width and height in HTML
margin-left 0 auto, margin- right 0 auto,
all of the above does not work .

More than likely, it is something so small that it needed, can someone tell me what is missing to get this to 10/10.

https://codepen.io/ELL13/pen/zYveVVz

2

I can’t really explain why (may have to do with the testing suite), but adding the sizing code to the image element like so works:

 #image {
    max-width: 100%;
    height: auto;
    display: block
  }
3

@themagicbean thank you so much! :slight_smile:

4

welcome @emesquitta73

Whenever you insert an image it just takes the width that the image has originally. as img element is an inline-block.

1 Like