Problems with Tribute Page

I’ve been looking at multiple suggestions on the forums to complete this but so far I have only been able to get 6/10. I am not sure what I need to do to get this right. If anyone could help that would be great. Thank you!

Your code so far
https://codepen.io/iphae/pen/mdWEQwM

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

Hi @iphae !

Welcome to the forum!

The last two tests are failing because you haven’t written any css yet.

For this test,
Within the “img-div” element, I should see an element with a corresponding id=“image”.

You wrote this
<id="image">
which is not valid html.
The test is looking for an image tag with the id of image.

For this test
5. 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”.

It is looking for a figcaption or div element but you wrote this
<img id="img-caption">

make sense?

@iphae, when a test fails click the red button to see which test(s) are failing and text to help you correct the issue.

  • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

Before you do that though you have syntax errors you need to look at. Run your HTML code through the [W3C validator
(The W3C Markup Validation Service). (you can ignore the first warning and first two errors)
For instance, <id> is not an HTML element. An id is an attribute.

Ok thank you! I was able to make them all pass. However, now I am having trouble with the CSS portion of it. I had it styled as a green background but its not appearing at all. I have no idea why. Can you help me with this?
Also another question… before I put in body { it tested as 8/10 for some reason but then when I added just that amount in it showed up as 10/10 and I have no idea why.

Remove the style tags from the CSS Editor.

The CSS editor is like a CSS stylesheet. It should contain only CSS code. You would not have HTML tags in CSS code.

The style tags would be used in the head element in HTML for internal styling which you don’t want to do.

1 Like

Ok thank you so much!

I think that main reason why people want to use the style tags in their first project is because it is frequently used in the FCC challenges.

But now that you are starting to build projects you have access to multiple sections (like the html, css and javascript sections in codepen)

So that is why there is no need for internal styling using the style tags.

Hope that helps!

1 Like

Your page is coming along and looking good. :grinning:

All that is left is to tackle test no.7 with the link.

1 Like

Oh dang lol I changed the link and forgot to put the no.7 back in because I had 10/10 before. Thanks for telling me!

1 Like

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