Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
according to the description given to me I have done the necessary code and it is not yet running

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
    <main id="main">
      <p id="title">Dr. Norman Borlaug</p>
      <div id="img-div">
        <img id="image" src ="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg">
        <div id="img-caption">
          <p>Dr. Norman Borlaug in a farm
          </p>
        </div>
      </div>  
      <div id="tribute-info">If you have time, you should read more about this incredible human being on his <a id="tribute-link" href="#" target="_blank">Wikipedia entry.</div>
    </main>
  </body>
</html>

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

img {
  display: block;
  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/111.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page`Preformatted text`

2

Welcome to our community!

You didn’t link the styles.css file properly. The name has an “s” letter at the end.

2 Likes
3

Thank you let me try it now

4

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