**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: