What are the things required to pass a project?

I had built a tribute page in the project of Responsive Web Design but I’m not able to pass it. What can I do?this is the tribute page

Welcome to the forums @rossy764.

When a test fails just 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.

The first test that’s failing says

 Within the "img-div" element, I should see an <img> element with a corresponding id="image".
expected null to not equal null
AssertionError: expected null to not equal null

Do you see / understand what the test is looking for and what it’s telling you?
Hint: id="img" != id="image"

Be sure and read the rest of the error messages thoroughly.

Hope that helps.

EDIT:
After looking a little closer at your code here are some things I think you should do;

  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • In addition to using it incorrectly in the ul element you do not want use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • As a suggestion switch the Syntax Highlighting in 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.
1 Like

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