Tribute Page- CSS not formatting

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

you have a spelling mistake in the name of the css file

Thankyou! My eyes looked right past it, before I posted I caught I didn’t close my Link, so the fact I grazed right over it. :woman_facepalming:

1 Like