Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

i cannot get these three requirements checked off no matter what i do!!
Failed:16. Your img element should have a display of block.
Failed:17. Your #image should have a max-width of 100%.
Failed:19. Your #image should be centered within its parent.

Your code so far

<!-- file: index.html -->
<main id="main">
<header id="title">Liv Garelick</header>
<div id="img-div"><div id="img-caption">Image of Liv in a back attitude</a><img id="image"></img></div>
<a id="tribute-info">Liv's autobiography</a>
<a target="_blank" id="tribute-link" href="https://placehold.co/400"src="https://placehold.co/400"></a>
</main>

/* file: styles.css */
#img-div {
  display: flex;
  justify-content: center; 
  align-items: center; 
  flex-direction: column; 
}

#image {
  display: block; 
  max-width: 100%; 
  height: auto; 
  margin: 0 auto; 
  }

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

Hi there and welcome to our community!

Is that your complete HTML code?
It should have a DOCTYPE declaration, and html, head and body elements.
Inside the head element, you should also have the usual title, meta and link elements.
Without a link element for your stylesheet, your CSS file won’t do anything at all.
That might be why you’re not passing any of the CSS-related tests.

In the project description you’re told how to link your CSS file:

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS