Please help me with tribute page

HTML-CSS
1

Please help me. I’m stuck on the Build a Tribute Page.
Not a single thing passes and I thought I understood this at least a little. I have no clue what I’m doing wrong. I didn’t think I had problem until now. Help!!

<main id="main">
img {
  max-width: 100%;
  height: auto;
  align-self: center;
}
  <h1 id="title"> Abraham Lincoln </h1>
  <h2 id="title2"> The 16th President </h2> 
    <div id="img-div"
    <img id="image" src"https://images.app.goo.gl/iYDCZbxx4EAKX5vNA" alt="a picture of abraham himself">
  <p id="image caption"> A picture of Abraham himself </p>
</div>
<body id="tribute-info"> Abrahams LIfe:
<ul>
  <li> Born Feburary 12th, 1809 </li>
  <li> Mainly self-educated with little schooling </li>
  <li> Militia Service  1832 </li>
  <li> 1839 he met Mary Todd and was engaged the following year </li>
  <li> Married November 4th, 1842 they and had four sons but sadly three pass before the age of maturity </li>
  <li> Prairie Lawyer 1853-1860</li>
  <li> Presidency 1861-1865 ending slavery </li>
  <li> Assassanated April 15th, 1865 at the age of 56
</ul>
<p> For more information click <a target="_blank" id="tribute-link" href="https://en.wikipedia.org/wiki/Abraham_Lincoln">
 here </a> </p>
</body>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15.

Challenge: Build a Tribute Page

Link to the challenge:

2

Hi @samanthariemer !

Welcome to the forum!

A few issues.

No.1
This doesn’t belong in the html.
Move that to the css section.

No.2 Remember to keep the test suite in the page.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

No.3
You have an error here

  <div id="img-div" <img id="image" src="https://images.app.goo.gl/iYDCZbxx4EAKX5vNA" alt="a picture of abraham himself">

While you are building your project, check for errors with the html validator

Once you fix those errors then you should see 6/10

Hope that helps!

1 Like
3

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

4

A post was split to a new topic: I need help with tribute page

5

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