Having problem with img

HTML-CSS
1

Tell us what’s happening:
Im not able to make my image responsive.

Your code so far

Your browser information:
Latest chrome

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36.

Link to the challenge:

2

#Image{
width: 800px;
border: 2px solid red;
height: auto;

You’ve purposely set the width to a fixed 800px ? So of course the image will not be responsive.
Try using units that allow the image to be changed like ‘vw’ or ‘%’ etc.

1 Like