Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
im still got error on css section idk why

  **Your code so far**

/* file: index.html */
<<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tribute Page</title>
</head>
<body>
  <main id="main">
    <header id="title">
      <h1>Dr. Norman Borlaug</h1>
      <p>The man who saved a billion lives</p>
    </header>
    <div id="img-div">
      <img id="image">
      <figcaption id="img-caption">Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.</figcaption>
    </div>
    <div id="tribute-info"><h3>Here's a time line of Dr. Borlaug's life:</h3></div>
    
    <a id="tribute-link" href="" target="_blank"
  </main>
</body>

</html>

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

  **Your browser information:**

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

  • Failed:Your img element should have a display of block.

  • Failed:Your #image should have a max-width of 100%.

  • Passed:Your #image should have a height of auto.

  • Failed:Your #image should be centered within its parent.

3

Hi! Welcome to the forum!

You are missing a link to your css file in your html head element. This will mean your css will not apply to your html, preventing you from passing those user stories.

Look back at some of the previous lessons. They explain how to write a link element to a css style sheet.

4

thanks it worked :grin:

Blockquote

1 Like
5

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