Tribute Page - Build a Tribute Page - problem with the "Run the tests" option

**Tell us what’s happening: After I click “Run the tests” it shows that I didn’t meet the following requirements:

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

but I can definitely included them in the code. I’ve run both the HTML and the CSS file through validators and they both came out without any errors.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.


<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Maria Skłodowska-Curie</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Kolker+Brush&family=Playfair+Display:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <main id="main">
      <h1 id="title">Maria Skłodowska-Curie</h1>
      <h2>the woman who changed chemistry</h2>
      <figure id="img-div">
        <img
          id="image"
          src="https://i.iplsc.com/-/000DLL4BYHH3WE95-C429.jpg"
          alt="a black-and-white photo of Maria Skłodowska-Curie in laboratory"
        />
        <figcaption id="img-caption">
          Maria Skłodowska-Curie, the first female Nobel prize winner, in her
          laboratory
        </figcaption>
      </figure>
      <section id="tribute-info">
        <h3 id="headline">A timeline of Maria Skłodowska-Curie's life:</h3>
        <ul>
          <li>
            <strong>1867</strong> - born on November 7th in Warsaw, Poland
          </li>
          <li>
            <strong>1883</strong> - graduated middle school with a gold medal
          </li>
          <li><strong>1891</strong> - left Poland to study in Paris</li>
          <li>
            <strong>1895</strong> - married Pierre Curie, French physicist
          </li>
          <li><strong>1897</strong> - birth of the first daughter, Irene</li>
          <li>
            <strong>1898</strong> - discovered polonium in July, in December -
            radium
          </li>
          <li>
            <strong>1903</strong> - received her doctorate from the University
            of Paris in June
          </li>
          <li>
            <strong>1903</strong> - awarded a Nobel Prize in Physics as the
            first woman in history alongside her husband, Pierre Curie and Henri
            Becquerel
          </li>
          <li><strong>1904</strong> - birth of the second daughter, Eve</li>
          <li>
            <strong>1906</strong> - tragic death of her husband, Pierre in April
          </li>
          <li>
            <strong>1906</strong> - became the first female professor at the
            University of Paris
          </li>
          <li><strong>1910</strong> - success in isolating radium</li>
          <li>
            <strong>1911</strong> - awarded her second Nobel Prize in Chemistry
            for discovering and isolating radium
          </li>
          <li>
            <strong>1914</strong> - developed mobile radiography units to help
            wounded soldiers in WWI
          </li>
          <li>
            <strong>1922</strong> - became a fellow of the French Academy of
            Medicine
          </li>
          <li>
            <strong>1930</strong> - elected to the International Atomic Weights
            Committee
          </li>
          <li>
            <strong>1931</strong> - awarded the Cameron Prize for Therapeutics
            of the University of Edinburgh
          </li>
          <li><strong>1934</strong> - last visit in Poland</li>
          <li>
            <strong>1934</strong> - died aged 66 in France, possibly due to the
            long-term exposure to radiation
          </li>
        </ul>
        <blockquote
          cite="https://pl.wikipedia.org/wiki/Maria_Sk%C5%82odowska-Curie"
        >
          <p>
            "The result of the Curies' work was epoch-making. Radium's
            radioactivity was so great that it could not be ignored. It seemed
            to contradict the principle of the conservation of energy and
            therefore forced a reconsideration of the foundations of physics. On
            the experimental level the discovery of radium provided men like
            Ernest Rutherford with sources of radioactivity with which they
            could probe the structure of the atom. As a result of Rutherford's
            experiments with alpha radiation, the nuclear atom was first
            postulated. In medicine, the radioactivity of radium appeared to
            offer a means by which cancer could be successfully attacked."
          </p>
          <cite>-- Cornell University professor, L. Pearce Williams</cite>
        </blockquote>
        <h3>
          If you have time, you should read more about this incredible woman on
          her
          <a
            id="tribute-link"
            href="https://en.wikipedia.org/wiki/Marie_Curie"
            target="_blank"
            >Wikipedia page</a
          >
        </h3>
      </section>
    </main>
  </body>
</html>

* {
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

/*font-family: "Inter", sans-serif, "Kolker Brush", cursive;*/

body {
  font-family: sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
  margin: 0;
}

h1 {
  font-size: 6rem;
  margin: 0;
  font-family: "Kolker Brush", cursive;
}


h2 {
  font-size: 3.5rem;
  font-family: "Kolker Brush", cursive;

}

a {
  color: #477ca7;
}

a:visited {
  color: #74638f;
}

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


img {
  display: block; 
}

#image {
  max-width: 100%;
  height: auto;
  justify-content: center;
}

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

#img-caption {
  margin: 15px 0 5px 0;
  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;
}

blockquote {
  font-style: italic;
  max-width: 745px;
  margin: 0 auto 50px auto;
  text-align: left;
}

cite {
  font-family: "Kolker Brush", cursive;
  font-size: 4.5rem;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

try linking to styles.css instead of style.css

thank you!! i didn’t see that one

1 Like