Tribute Page - Build a Tribute Page

Tell us what’s happening:

#image test case failed
I think I have coded & performed it right but still I’m failing these 3 test cases:

Failed:Your img element should have a display of block.
Failed:Your #image should have a max-width of 100%.
Failed:Your #image should be centered within its parent.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <main id="main">
      <h1 id="title">Subhash Chandra Bose</h1>
      <p>The man who saved a billion lives</p>
      <figure id="img-div">
        <img
          id="image"
          src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Subhas_Chandra_Bose_NRB.jpg/800px-Subhas_Chandra_Bose_NRB.jpg"
          alt="Subhash Chandra Bose"/>
        
        <figcaption id="img-caption">
          Subhash Chandra Bose an Indian Nationalist.
        </figcaption>
      </figure>
      <section id="tribute-info">
        <h3 id="headline">Timeline of Subhash Chandra Bose:</h3>
        <ul>
          <li><strong>1897</strong> - Subhash Chandra Bose is born in Cuttack, Orissa, India.</li>
          <li>
            <strong>1919</strong> - Bose graduates from the University of Cambridge, England, with a degree in Philosophy.
          </li>
          <li>
            <strong>1921</strong> - He joins the Indian National Congress (INC) under the leadership of Mahatma Gandhi.
          </li>
          <li>
            <strong>1924</strong> - FBose is arrested and imprisoned for his involvement in nationalist activities.
          </li>
          <li>
            <strong>1927</strong> - He becomes the mayor of Calcutta (now Kolkata).
          </li>
          <li>
            <strong>1930 to 1932</strong> - Bose is imprisoned multiple times for his participation in the 
            Civil Disobedience Movement and other anti-British activities.
          </li>
          <li>
            <strong>1938</strong> - RBose is elected as the President of the Indian National Congress, 
            defeating Mahatma Gandhi's preferred candidate.
          </li>
          <li>
            <strong>1939</strong> -Bose resigns from the presidency of the INC due to ideological differences 
            with Gandhi and forms the Forward Bloc.
          </li>
          <li>
            <strong>1940</strong> - He escapes house arrest and travels to Germany via Afghanistan and 
            the Soviet Union to seek support for India's independence from British rule.
          </li>
          <li>
            <strong>1941</strong> - Bose arrives in Japan and establishes the Indian National Army (INA) with 
            Japanese support, aiming to free India from British colonial rule.
          </li>
          <li>
            <strong>1943</strong> - The INA, under Bose's leadership, launches an armed attack against British forces in India's northeastern region.
          </li>
          <li><strong>1945</strong> - Bose reportedly dies in a plane crash in Taiwan while en route to Japan. However, his death remains 
            controversial and subject to various conspiracy theories.</li>
          <li>
            <strong>1946</strong> - he INA trials, where British authorities try captured INA soldiers for treason, 
            contribute to mounting pressure on the British to leave India.
          </li>
          <li>
            <strong>1947</strong> - India gains independence from British rule, fulfilling one of Subhash Chandra Bose's lifelong dreams, 
            although he did not live to see it.
          </li>
          
          <p>
            Subhash Chandra Bose remains a highly respected figure in Indian history, known for his fierce nationalism, 
            dedication to India's independence, and his role in organizing the INA.
          </p>
        
        <h3>
          If you have time, you should read more about this brave human
          being on 
          <a
            id="tribute-link"
            href="https://en.wikipedia.org/wiki/Subhas_Chandra_Bose"
            target="_blank"
            >Wikipedia entry</a>
          
        </h3>
      </section>
    </main>
  </body>
</html>
/* file: styles.css */
html {
  font-size: 10px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Helvetica Neue', Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
  margin: 0;
}

h1 {
  font-size: 4rem;
  margin-bottom: 0;
}

@media (max-width: 460px) {
  h1 {
    font-size: 3.5rem;
    line-height: 1.2;
  }
}

h2 {
  font-size: 3.25rem;
}

a {
  color: #477ca7;
}

a:visited {
  color: #74638f;
}

#main {
  margin: 30px 8px;
  padding: 15px;
  border-radius: 5px;
  background: #eee;
}

@media (max-width: 460px) {
  #main {
    margin: 0;
  }
}

img {
  max-width: 100%;
  display: block; 
  height:auto;
  margin: 0 auto; 
}

#img-div {
  background: white;
  padding: 10px;
  margin: 0;
}

#img-caption {
  margin: 15px 0 5px 0;
}

@media (max-width: 460px) {
  #img-caption {
    font-size: 1.4rem;
  }
}

#headline {
  margin: 50px 0;
  text-align: center;
}

ul {
  max-width: 550px;
  margin: 0 auto 50px auto;
  text-align: left;
  line-height: 1.6;
}

li {
  margin: 16px 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

Try to add img selector before media query

wrong file name, check again what’s the name of the css file