Responsive Image layout

HTML-CSS
1

Tell us what’s happening:
I dont know what i’m getting wrong with the responsive image.
Any help will be appriciated.

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/86.0.4240.75 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

2

Hey @Moshud-lanre!

When I opened up the link there was no content there to look at. So it seems like you didn’t fork the pen properly.

If I were you I would just create a new pen on your account and add the test script to that and start writing your code there.

Hope that helps!

3

Thanks @jwilkins.oboe , here is the code

4

Here is how you would make the image responsive.

#image {
  /*This centers the image*/
  margin:0 auto;
  
  /*Images are inline elements so you will need to set it to block*/
  display:block; 
  
  /*This makes the image responsive*/
  max-width: 100%;
  height: auto;
}

I am also going to post the link for the lesson on responsive images.

Hope that helps!

1 Like
5

Thanks @jwilkins.oboe, it did helped.