Tribute Page Help - layout error

HTML-CSS
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.

1 Like
3

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

this should work

1 Like
4

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