Hello, I am missing 3 marks and I do not see where I went wrong. Can I get pushed in the right direction. 3 marks I am missing are " Your img
element should have a display
of block
.“, " Your #image
should have a max-width
of 100%
.” and “Your #image
should be centered within its parent.”
<html>
<head> <link rel="stylesheet" href="style.css"/>
</head>
<body>
<main id="main">
<h1 id="title">William Michael Berger</h1>
<p>Coined the term Lo-Fi</p>
<figure id="img-div">
<img
id="image"
src="https://www.metal-archives.com/images/7/3/8/5/738568_artist.jpg?1620"/>
<figcaption id="img-caption">
William Michael Berger was a well-known New Jersey disc jockey.
</figcaption>
</figure>
<section id="tribute-info">
<h2 id="header">
Breif Summmary of William's Career</h2>
<ul>
<li> In 1984 he became a disc jockey at New Jersey radio station "WFMU."</li>
<li>He hosted many shows throughout his 33 years at "WFMU."</li>
<li>
In 1986 he helped coin the term "Lo-Fi", although this term was already being loosely used.</li>
<li>He was well known and active in the Experimental music scene from 1996 to 2017.</li>
<li>
Sep 12th, 2017, William passed away due to Complications after cerebrovascular accident.</li>
</ul>
</section>
<section role="region"aria-labelledby="Lofi-Questions">
<h3 id="Lofi-Questions">Question</h3>
<div class="question-block">
<fieldset class="question" name="Lofi-Question1">
<legend>
Do you enjoy Lo-Fi?
</legend>
<ul class="answer-list">
<li>
<label for="q1-a1">
<input type="radio" id="q1-a1" name="q1" value="Yes" />Yes
</label>
</li>
<li>
<label for="q1-a2">
<input type="radio" id="q1-a2" name="q1" value="No" />No</label>
</li>
</ul>
</fieldset>
</div>
</section>
<button type="submit">Send</button>
<section>
<h4>Learn more about William Berger
<a
id="tribute-link"
href="http://raybrazen.blogspot.com/2017/09/william-m-berger-1964-2017.html"
target="_blank"> Here</a>
</h4>
</section>
</main>
</body>
</html>
img {
display: block;
max-width:100%;
height: auto;
margin:0 auto;
}
type or paste code here