. The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size

Tell us what’s happening:

. The element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Please how can I achieve this, what I understood and did is not working.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

Please provide a link to your pen.

So when you first run the test and it fails it may mention something about setting the display to block. You do that and the test fails again but this time the error message will be different. It may tell you to set the height or margin…don’t recall off the top of my head.
Click on the red button to see which test is failing and read the text to see what you need to do to correct it. Fixing one may lead to another but you’ll get there.