i am in a free code camp challenge and it says "Failed:Your #image
should be centered within its parent " i know what it means but i dont know how to wright it.
MY CODE SO FAR:
/* file: index.html */
<link rel="stylesheet" href="styles.css">
<main id="main">
<h1 id="title">Dr. Norman Borlaug</h1>
<div id="img-div">
<img id="image"></img>
<div id="img-caption">hello</div>
<div id="tribute-info">helloo</div>
<a href=""id="tribute-link"target="_blank"></a>
</div>
</main>
/* file: styles.css */
#title {
color: pink;
}
#image {
display: block;
max-width: 100%;
height: auto;
}
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Challenge: Build a Tribute Page
Link to the challenge:
thanks jasper