Cannot get 10 out 10 on the tribute page

HTML-CSS
1

For some reason I cannot get the last step for a 10 out of 10 in the tribute page project.
It keeps on saying the following error: 1. The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.

I have attached the codepen if someone could please help

Thank you

2

Try to remove height property and instead width give max-width 100%
max-width: 100%; max-height: 45%; display: block;
for further reading click here

3

still doesn’t seem to be working

4

got it to work by setting margin to auto, however I wanted the picture to take up the whole screen.

1 Like