Tell us what’s happening:
Describe your issue in detail here.
I have <img display="block"></img>
not working
Your #image
should have a max-width
of 100%
.
Your #image
should be centered within its parent.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<link rel="stylesheet" href="styles.css">
<main id="main">
<title id="title">Dr. Norman Borlaug</title>
<div id="img-div">
<img id="image" display="block"> </img>
<div id="img-caption">That's the way it was...</div>
<div id="tribute-info">Oh, Dr. Norman Borlaug, how true you were.</div>
<a id="tribute-link" href="https://www.youtube.com/watch?v=_lK4cX5xGiQ" target="_blank"></a>
</div>
</main>
<html>
/* file: styles.css */
image {
display: block;
max-width: 100%;
height: auto;
image-align: center;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14816.99.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: