How do I test my first challenge in pencode.io and then how do I know it is correct?

HTML-CSS
1

Tell us what’s happening:

Your code so far

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

2

  1. Goto codepen.io and sign up.

  2. Then goto to the codepen project link below number 9 and fork it with codepen’s fork button.

  3. This is the project that contains all the tests. Rename it and start coding.

  4. When you’re finished click the hamburger icon and select the page type . Then hit the “run tests” button.

3

Do you mean codepen?

You need to include the script file https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js

There are two ways to do it. You can stick:

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

at the bottom (or just about anywhere) in your HTML.

The other, codepen specific way is to go into your Settings -> JS -> Add External Scripts/Pens and add the url there, in one of the slots.

Either of those should make a green “hamburger” appear in the upper left of your page. Press on that, select your project, and run the tests. It will tell you if you didn’t pass.

4

In addition, 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.
5

thank you for your help!

6

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