Hi,
I am trying to get 10/10 when it comes to testing my code but I only get to 9/ 10 for the tribute page project. I wondered can anyone see what I have missed?
HTML code:
<!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 Page</title>
<link rel="stylesheet" href="tribute.css">
</head>
<body>
<div id="main">
<div id="title">Charles Babbage</div>
<div id="img-div">
<div id="image"><img src="https://upload.wikimedia.org/wikipedia/commons/8/82/CharlesBabbage.jpg" alt ="Charles Babbage" width="200px" height="200px">
<div id="img-caption">Originator of the Digital Programmable Computer.</div>
</div>
</div>
<div id="tribute-info">
<ul class="a">
<li> Born 26 December 1791 at 44 Crosby Row, Walworth Road, London, England.</li>
<li>Babbage attended Trinity College, Cambridge, in October 1810.He was a self-taught keen mathematician.</li>
</ul>
</div>
<div id="tribute-link"><p>To find out more about Charles Babbage, click on the link:<a href="https://en.wikipedia.org/wiki/Charles_Babbage" target="_blank">Discover more</a></p></div>
</div>
</body>
</html>
CSS code :
body {
background-color: #f1f1f1;
}
#main {
width: 800px;
height: 1000px;
margin-left: 500px;
background-color: white;
}
#title {
width: 420px;
height: 100px;
background-color:#f1f1f1;
margin-left: 100px;
margin-top: 5px;
padding-top: 10px;
padding-left: 180px;
border-top: 10px solid white;
font-size: 32px;
font-family: Arial, Helvetica, sans-serif;
}
#img-div {
display: flex;
margin-left: 100px;
margin-top: 20px;
margin-right: 100px;
background-color:#f1f1f1;
}
#image {
max-width: 100%;
height: auto;
display: block;
margin-left: 100px;
padding-left: 5px;
}
#img-caption {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: black;
margin-bottom: 15px;
}
img {
border: 5px solid #f1f1f1;
width: 100%;
height: auto;
padding-right: -50px;
float: left;
}
#tribute-info {
margin-left:100px;
margin-right: 100px;
background-color: #f1f1f1;
}
ul.a li {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: justify;
list-style-position:outside;
list-style: square;
margin-bottom: 5px;
padding-right: 50px;
}
#tribute-link {
margin-left: 100px;
width: 590px;
height: 50px;
background-color: #f1f1f1;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
padding-left: 20px;
border-top: 5px solid #f1f1f1;
}
Thanks
Ray