Tribute Page - Build a Tribute Page

Tell us what’s happening:

can someone tell me why my code wont pass? The style sheet seems correct.

Your code so far

<!-- file: index.html -->
<!doctype html>
<main id="main">
  <div id="img-div"></img>
  <img id="image" style="display: block" ></img>
  <figcaption id="img-caption">FallenHero
  </imgcaption>
<info id="tribute-info">info</info>
<a id="tribute-link"target="_blank" href="www.google.com"></link>
<title id="title">Tribute Page</title>
  </main>
/* file: styles.css */
.img{
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0

Challenge Information:

Tribute Page - Build a Tribute Page

This means you are trying to place styles on a class with the name img. You dont have a class with the name img in your code. You need to target the element itself

This should also be in a head element not all the way down in a main

Theres also no such thing as an info element <info> I suggest running your code through a html validator because there is a good bit of issues in just this small code

1 Like

thank you so much, this certification test was hard…after i put the title in the head and removed the . from the img it passed. Thank you so much.

I would still run your html through the validator so you can see your issues and understand them to not make them in the future. Besides what I pointed out in my first post you also have

You never close this div anywhere in the code provided

You dont close the figcaption, but you use imgcaption which is not a thing

You create an anchor tag here, and then you dont close it, but you close a link which is not correct

but have you connected the stylesheet to your html? it looks like you don’t have that code