Tribut Page Review

HTML-CSS
1

I created my Tribute Page About the Founder since my name & his name are the exact same, I thought it would be cool, Lol. However, I am still coming up with 1 error. Please help. I am obviously new to this page too.

1 Like
2

Hi @dominionworkz !

Welcome to the forum!

We need to see your code in order to help you.

Please share your codepen link.

4

How to I post it @jwilkins.oboe

5

Are you working in codepen?

If so, then you can post the url you find at the top of the page.

Screen Shot 2021-11-05 at 9.15.38 PM

6

Yes I am on Codepen https://codepen.io/Qbulla/pen/MWvVybm

7

When I open your project I see this error message.

  1. Within the "img-div" element, I should see either a <figcaption> or <div> element with a corresponding id="img-caption" that contains textual content describing the image shown in "img-div".

When I look at your code, I see this syntax error.

 <img id="image"
      src="https://www.freecodecamp.org/news/content/images/size/w2000/2019/07/Quincy_Larson.jpeg"
      alt="Founder of Free Code Camp"

You are missing something at the end.

When you fix that, then the test will pass.

Since you are starting out, you will have to triple check our code for syntax errors in both HTML and CSS.

You can use the HTML validator to check your HTML code.
https://validator.w3.org/

Then you can use the CSS codepen analyzer to check your CSS code.

Screen Shot 2021-11-05 at 9.22.23 PM
Screen Shot 2021-11-05 at 9.22.23 PM632Ă—526 30.1 KB

Once you gain more experience, you will be able to spot these syntax errors more quickly.
But it is always good to run your code through validators so it is correct.

8

I used the Analyze HTML & I got the error It said the CSS was without error.

9

Did you fix the image tag?

10 
<img id="image"
      src="https://www.freecodecamp.org/news/content/images/size/w2000/2019/07/Quincy_Larson.jpeg"
      alt="Founder of Free Code Camp">....???
11 
<img id="image"
      src="https://www.freecodecamp.org/news/content/images/size/w2000/2019/07/Quincy_Larson.jpeg"
      alt="Founder of Free Code Camp">
12

Yeah that was the problem for the failing test.

You were missing the > at the end of your img tag.

You should be passing now.

The other issue for the HTML validator was happening around line 24.

You wrote this.

  </ul>
  <li></li>

List items need to be inside the unordered list tags.

13

I had at the end & that didn’t work when I ran the analyze, when I removed the </ it didn’t show an error but it’s still showing 9/10 correct…lol

14

Ok I fixed the one… & Yes I agree with you going through the course the “small” syntax issues. lol, I will get this.

1 Like
15

Ok I re-checked it & it is still showing the 9/10 but the analyze flashes no error…lol & I copied the https://codepen.io/Qbulla/pen/MWvVybm & put it in the W3 & a error shown saying it couldn’t check it??

16

Hilarious…lol :rofl: :rofl: :rofl: I refreshed the page & re-ran the analyze…BOOM It is 10/10 now…smh. Thank You for your help sis.

1 Like
17

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