Pete's Tribute Page

Pete's Tribute Page
0

#1

I’m having a difficult time figuring out how to responsively resize the img I have used. I’ve been banging my head against the wall trying everything I can find but nothing seems to get it to work. This is the last test item before this project is complete to so all the other code I’ve used seems to work.

So far this is what my code looks like for that area…

<div id="img-div">
  <img id="image" src = "https://c2.staticflickr.com//3689/10613180113_fdf7bcd316_b.jpg" class= "box" alt="Doc Borlaug"> 
  <div id= "img-caption">
    <figcaption>Doc Borlaug(3 from left) and all of his friends</figcaption>
  </div>
 </div>

Here is a link to the codepen:

https://codepen.io/assmayonnaise/pen/BOZmLo

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page


#2

hey there,

You need to give your image the display:block.
The default for any image is display:inline.

c


#3

OMG! I knew it was something simple. Thank you for pointing that out!