Tell us what’s happening:
Describe your issue in detail here.
i am receiving three errors:
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
i’ve tried google and looked at other places
i can’t seem to find any solution.
Your code so far
/* file: index.html */
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<main id="main">
<h1 id="title"> Dr. APJ Abdul Kalam</h1>
<p>Missile Man of India</p>
<figure id="img-div">
<img
id="image"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/A._P._J._Abdul_Kalam.jpg/220px-A._P._J._Abdul_Kalam.jpg"
alt="Dr. APJ Abdul Kalam"/>
<figcaption id="img-caption">
Office portrait, 2002
</figcaption>
</figure>
<section id="tribute-info">
<h3 id="headline">Here's a timeline of Dr. APJ Abdul Kalam</h3>
<ul>
<li><strong>1931</strong>-Born in Rameshwaram, Tamil Nadu</li>
<li><strong>1954</strong>-Kalam graduates in physics from Saint Joseph's College, Tiruchirappalli. He moves to Madras to pursue further education after graduation.</li>
<li><strong>1960</strong>-Kalam completes his degree in Aeronautical Engineering from Madras Institute of Technology (MIT) and joins the Defense Research and Development Organization (DRDO) as scientist.</li>
<li><strong>1969</strong>-Kalam moves to the Indian Space Research Organisation (ISRO) where he helms India's first Satellite Launch Vehicle (SLV-III)</li>
<li><strong>1980</strong>-Kalam leads India’s efforts to enter the space club by putting the Rohini satellite in Earth's orbit with the first indigenous SLV-III</li>
<li><strong>1980-1990</strong>-As the chief of the Integrated Guided Missile Development Programme, he is credited with the development and operationalisation of Agni and Prithvi missiles.</li>
<li><strong>1981</strong>-Kalam recieves the Padma Bhushan for his contribution to the field of science and technology</li>
<li><strong>1990</strong>-Kalam is awarded the Padma Vibhushan, India’s second highest civilian honour.<li>
<li><strong>1992-1999</strong>-Kalam is appointed as the Chief Scientific Adviser to the Prime Minister and the Secretary of the DRDO.</li>
<li><strong>1997</strong>-Kalam is awarded the Bharat Ratna, India's highest civilian honour for his contribution to the scientific research and modernisation of defence technology in India.</li>
<li><strong>1998</strong>-India conducts the Pokhran II nuclear tests with Kalam being one of the forces behind its success.</li>
<li><strong>1999-2001</strong>-Serves as Principal Scientific Advisor to the Government of India.</li>
<li><strong>2002-2007</strong>-Kalam is elected the 11th President of India succeeding KR Narayanan. He won the 2002 presidential election with an electoral vote of 922,884. During his five years in office, he was fondly called ‘The People’s President'.</li>
<li><strong>2012</strong>-Kalam launches the ‘What Can I Give Movement’, a programme for the Indian youth aimed at defeating corruption.</li>
<li><strong>July 27, 2015</strong>-Kalam passes away aged 83, after collapsing because of a cardiac arrest while delivering a lecture at IIM Shillong.</li>
</ul>
<h3>If you have time, you should read more about the man who wrote "Wings of Fire" on his <a
id="tribute-link"
href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam"
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;
}
blockquote {
font-style: italic;
max-width: 545px;
margin: 0 auto 50px auto;
text-align: left;
}
html {}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Challenge: Build a Tribute Page
Link to the challenge: