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
3

First of all, review the previous lesson on how to make images responsive. You are missing something in your #Image selector.

Second, you need to make sure you are using closing tags for all your div and header tags. You are missing some right now which could be throwing off your layout.

1 Like
4