Tell us what’s happening:
Describe your issue in detail here.
i think my answer is correct but there most be an other way to make it…
any suggestions?
Your code so far
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Muhammad Ali</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
<link href="./styles.css" rel="stylesheet">
</head>
<body>
<style>
body {
background-color: black;
color: white;
font-family: calibri;
}
</style>
<main id="main">
<h1 id="title">Muhammad Ali</h1>
<div id="img-div">
<a id="tribute-link" target="_blank" href="https://www.youtube.com/watch?v=V2EfL1j4KYE">
<img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSqi0A8wzmqjO_jK_sUAglYFdSrMqyG637JxQ&usqp=CAU" width="20%" height="20%">
</a>
<figcaption id="img-caption">"If my mind can conceive it, if my heart can believe it--then I can achieve it." </figcaption>
</div>
<p id="tribute-info">
<b>Ali Atributes</b>
<ul>
<li>Resiliance</li>
<li>Strenght</li>
<li>Winner Mentality</li>
</ul>
</p>
</div>
</main>
</html>
/* file: styles.css */
#img-caption
{
width: 400px;
}
#image {
max-width: 100%;
height: auto;
display: block;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.115 Safari/537.36
Challenge: Build a Tribute Page
Link to the challenge: