Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
There is one test failed, saying my “#image height should be set to ‘auto’”
But it is set like this

Your code so far

<!-- file: index.html -->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="styles.css" />
    <title>My tribute page</title>
  </head>
  <body>
    <main id="main">
      <h1 id="title">Dr. Norman Borlaug</h1>
      <figure id="img-div">
        <img id="image" alt="main photo here" />
        <div id="img-caption">On this photo u can see people</div>
      </figure>

      <div id="tribute-info">This is out first super page here!</div>
      <a href="google.com" id="tribute-link" target="_blank">You can find more info here</a>
    </main>
  </body>
</html>

/* file: styles.css */
#image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  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/116.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Once i removed ‘width: 100%;’ , all tests passed.
Anyway, test description little bit confusing in this case.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.