Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

very confused, trying to find the error here. for example it doesnt pass test although i have img set to max-width: 100%

Your code so far

<!-- file: index.html -->
<head>
<title>Tribute Page</title>
<link rel="stylesheet href="styles.css">
</head>








<main id="main">

<h1 id="title">Tribute Page</h1>
<figure id="img-div">
  <img src="" alt="" id="image">
  <figcaption id="img-caption">A Legend</figcaption>
</figure>

<h1 id="tribute-info">A Contributor</h1>

<a href="" id="tribute-link" target=_blank>



</main>

/* file: styles.css */
#image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto 0;
}

img {
  display: block;
}

/* very confused, trying to find the error here. for example it doesnt pass test although i have img set to max-width: 100%

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

2

I’d start by checking if no closing tags are missing.

3

Please take a look at this video (or the transcript) to see how you can use an HTML boilerplate to structure the basic HTML for a new project.

HTML Boilerplate

When you’ve looked through that and fixed your code, you may want to validate it at:

Nu HTML Checker