Tribute page image relativity error

Tribute page image relativity error
0

So I cant seem to find what exactly I am getting wrong in the tribute page challenge, this is what I am failing. " The img element should be centered within its parent element." and my code is (for the full view here is the link https://codepen.io/ema_toutcourt/pen/xxGjVxq)

#image { position: relative; max-width: 100%;
  <div id="img-div">
    
  <img src= "https://c2.staticflickr.com/4/3689/10613180113_fdf7bcd316_b.jpg" alt="Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger." id="image">

Welcome.

The link to the CodePen is not valid. Could you re-send it?

1 Like

404 on the CodePen, I would say try setting a class on the two elements
then use position: “relative” and top: (number) bottom: (number) left: (number) right: (number)

You could also try grid and flex centering techniques which you can find in CSS Tricks

Same 404 on the codepen, if you can resend it, we can give much more help!

1 Like

Try adding height: auto;