**Tell us what’s happening:i’ve set my image display to block, max-width to 100% and centered the image with its parent, why isnt my code getting passed for the same solutions?
Describe your issue in detail here.
**Your code s
Dr. Norman BorlaugDr. Norman Borlaug
The man who saved a billion lives
Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.
Here's a time line of Dr. Borlaug's life:
- 1970 - dies at the age of 95. - receives the Nobel Peace Prize
- 1983 - dies at the age of 95. - helps seven African countries dramatically increase their maize and sorghum yields
- 1984 - dies at the age of 95. - becomes a distinguished professor at Texas A&M University
- 2005 - dies at the age of 95. - states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
- 2009 - dies at the age of 95.
"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress."
-- Indian Prime Minister Manmohan Singh
If you have time, you should read more about this incredible human being on his Wikipedia entry.
o far**<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dr. Norman Borlaug</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main id="main">
<h1 id="title">Dr. Norman Borlaug</h1>
<div class="image-container" id="img-div">
<h2>The man who saved a billion lives</h2>
<img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg"></img>
<figcaption id="img-caption" class="caption">Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.</figcaption>
</div>
<div class="life">
<p class="header-life">Here's a time line of Dr. Borlaug's life:</p>
<ul id="tribute-info">
<li><span class="bold">1970</span> - dies at the age of 95.</li>
- receives the Nobel Peace Prize</li>
<li><span class="bold">1983</span> - dies at the age of 95.</li>
- helps seven African countries dramatically increase their maize and sorghum yields</li>
<li><span class="bold">1984</span> - dies at the age of 95.</li>
- becomes a distinguished professor at Texas A&M University</li>
<li><span class="bold">2005</span> - dies at the age of 95.</li>
- states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."</li>
<li><span class="bold">2009</span> - dies at the age of 95.</li>
</ul>
</div>
<div id="quote-container">
<p class="quote">"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress."</p>
<p class="quote-author">-- Indian Prime Minister Manmohan Singh</p>
</div>
<h2>If you have time, you should read more about this incredible human being on his <a id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Wikipedia entry</a>.</h2>
</main>
<body>
</html>
/* file: styles.css */
*{
padding: 0;
margin: 0;
}
h1{
padding: 20px;
font-family: arial;
}
h2{
font-size: 20px;
background-color: #1a1a32;
margin: 10px;
padding: 10px;
border-radius: 10px;
}
body{
background-color: beige;
font-family: sans-serif;
text-align: center;
}
.image-container {
margin: auto;
padding: 30px;
background-color: #1a1a32;
color: white
}
.image {
object-fit: center;
border-radius: 10px;
max-width: 100%;
display: block;
margin: auto;
height: auto;
}
image {
display: block;
}
.caption {
padding: 5px;
}
.life {
padding: 30px 70px;
max-width: 600px;
margin: 10px auto;
background-color: #1a1a32;
color: white;
text-align: left;
}
.header-life {
font-size: 20px;
font-family: arial;
padding: 30px;
text-align: center;
}
.bold {
font-weight: bold;
}
li{
margin: 20px;
}
.quote {
margin: 30px 30px 5px;
font-style: italic;
}
.quote-author {
text-indent: 30px
}
a{
color: #99f;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: