Tell us what’s happening:
Describe your issue in detail here.
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 Page</title>
<link rel='stylesheet' href='styles.css'>
</head><body>
<html><main id="main">
<title>Tribute Quiz</title>
<h1 id="title">tribute page</h1>
<div id="img-div">
<img id="image" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="gshfdjsf">
#img-div #image{
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
#img-caption
{
margin:15px 0 5px 0;
}
<figcaption id="img-caption">this is image of cat on rolling on sofa</figcaption></div>
<section id="tribute-info">
don't touch ma cat
</section>
<a id="tribute-link" href="https://tribute-page.freecodecamp.rocks" target="_blank"></a></section>
</main><body></html>
main{
background:#eee;
display:block;
margin: 30px 5px;
border-radius:5px;
padding:5px;
}
h1{
display:block;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
body{
display:block;
text-align:center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.5;
color: #333;
}
p{
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
html{
font-size:10px;
}
#img-div #image{
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
figcaption{
display:block;
}
#img-caption
{
margin:15px 0 5px 0;
}
#img-dev{
background: white;
padding: 10px;
margin: 0;
}
section{
display:block;
}
h3{
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
#headline{
margin: 50px 0;
text-align: center;
}
ul{
display:block;
max-width: 550px;
margin: 0 auto 50px auto;
text-align: left;
line-height: 1.6;
}
li{
display:list-item;
margin:16px 0;
}
blockquote{
font-style: italic;
max-width: 545px;
margin: 0 auto 50px auto;
text-align: left;
}
a:visited {color: #74638f;}
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: