Trouble with tribute

HTML-CSS
1

**I have stared my tribute page and have only achieved 20%.
Any suggestions would be greatly appreciated!
thanks **

Your project link(s)

solution: https://codepen.io/bulgar/pen/GRrXvwz

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

2

Hi @divchevcurr ,

  1. Check your img class attribute. It’s missing the ending quotes.
    <img class="responsive id=“image”

  2. Also, the image responsiveness needs to be set using the max-width attribute.

Hope this helps.

3

Welcome to the forums @divchevcurr.

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script, with all tests passing, should be included when you submit your projects.
    • Your page passes 7/10 user stories. 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.

If I’m understanding this correctly you submitted the tribute page and saw 20% complete. This is because there are five (5) projects for you to complete. Completing one is 20% of 100%.
Hope that makes sense.

4

thank you for pointing out.

5

Thanks , that makes sence about the 20% submission.
I am a bit confused about the text script submission , though.How do I do that?
When I click on the link you have provided -it tells me ‘Page not Found’.
Thank you

6

It’s nothing to submit. That is the test script that FCC provides when you fork the pen. It is the way for you to run the tests to ensure that all user stories have been successfully met.
Since it’s JS and expects the HTML code to be loaded you should place it right before the closing body tag.

In codepen, you can place it at the top or the bottom of the HTML editor.

Side note since you have quite a few errors;

  • As a suggestion switch the Syntax Highlighting on Codepen to help catch errors. Go to your Codepen profile settings (not the setting for the pen, but for your profile). Switch the Syntax Highlighting to Oceanic Dark and save the setting. Go back to the pen and make sure your new setting is working. The code highlighting will be using different colors. Errors will now be marked in red.
7

Thank you , most appreciated.
I did manage to run the tests and will work on the errors.

8

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