Tribute Page Help - layout error

Tribute Page Help - layout error
0.0 0

#1

Hello! I am working on my tribute page and I have been getting this error when I run the test suite:

#Layout

  1. The element should responsively resize, relative to the width of its parent element, without exceeding its original size. AssertionError: Try using the “max-width” style property : expected ‘none’ to not equal ‘none’

I’ve been trying to correct the error for hours and I need a second pair of eyes. Here is the link to the code:

Tribute Page

Thank you!


#2

You’ve got the max-width bit but the image won’t be responsive at the moment as you haven’t set a width value. To be responsive in terms of its parent container this would be something like:

width: 50%;

That should resolve it for you.


#3

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

this should work


#4

Thank you @hepsy for explaining it and thank you @PeterWebDev for the code for it to work.