Tell us what’s happening:
I believe that I have the necessary items but I can’t fix three errors. I used the file of the example and it works. I even went through and changed my every tag to mirror the example and it still did not work. I am at a loss on what I am doing wrong.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tribute to the Corps of Engineers</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main id="main">
<div class="header">
<h1 id="title" >Col Jonathan Williams</h1>
<p> Father of the Corps of Engineers</p>
</div>
<div id="img-div">
<img id="image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/USACE_Colonel_Jonathan_Williams.jpg/180px-USACE_Colonel_Jonathan_Williams.jpg" alt="Jonathan Williams">
<figcaption id="img-caption">Jonathan Williams (May 20, 1750 – May 16, 1815) was an American businessman, military figure, politician and writer. He became Chief of Engineers of the Army Corps of Engineers, was the first superintendent of United States Military Academy, and was elected to the Fourteenth United States Congress.</figcaption>
</div>
<div id="tribute-info">
<h3>This is a time line of Jonathan Williams life</h3>
<div>
<ul>
<li><strong>1750</strong> -Williams was born in Boston in the Province of Massachusetts Bay and attended Harvard University. </li>
<li><strong>1770 to 1785</strong> -He spent most of this period in England and France.</li>
<li><strong>1787</strong> -He returned to the United States.</li>
<li><strong>1801</strong> -He was appointed a Major in the Corps of Artillerists and Engineers by John Adams.</li>
<li><strong>1802</strong>-He was appointed Superintendent of West Point</li>
<li><strong>1807 to 1811</strong> Williams designed and complted construction of Castle Williams, in New York.</li>
<li><strong>1812</strong>-He resigned from the Army and was elected to congress</li>
<li><strong>1814</strong> -He died of gout before the assembly of Congress and was buried in Philidelphia.</li>
</ul>
</div>
<q>Science in War is the guarantee of peace</q>
<p>--Jonathan Williams</p>
<footer>
<h3>This is a good check on the father of the Army Corps of Engineers <a id="tribute-link" href="https://en.wikipedia.org/wiki/Jonathan_Williams_(engineer)" target="_blank">Wikipedia entry</a>.</h3>
</footer>
</div>
</main>
</body>
</html>
/* file: styles.css */
* {
font-family: Helvetica, sans-serif;
}
main {
background-color: rgb(245, 245, 245);
margin: 30px 5px;
}
#title {
margin-top: 50px;
font-size: 40px;
}
.header {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}
#img-div {
width: 95%;
margin: 5px auto;
background-color: white;
}
#img-div > #image {
display: block;
margin: 20px auto;
width: 60%;
max-width: 100%;
height: auto;
}
#img-div > #img-caption {
width: 59%;
margin: 5px auto;
padding-bottom: 20px;
}
#tribute-info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#tribute-info > h3 {
margin: 50px 0 20px 0;
}
span{
font-weight: bold;
}
#tribute-info > div > ul > li {
width: 45%;
margin: 20px auto;
line-height: 30px;
}
q {
margin: 20px 0 0 0;
}
footer {
margin: 20px 0;
}
a {
cursor: pointer;
color: rgb(108, 137, 223);
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge:
