How did I lose my codepen template option?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here. At the bottom of the user stories before I had the option of using the codedpen editor. I am now building a survey form and don’t see the option at the bottom. I’ve looked everywhere. Can someone please help?

Your code so far

\ file: <h1 id="title"/>Free Code Camp Survey Form</h1><p id="description"></p><form required id="name" type="text" id="survey-form"></form>
<h1 id="title"/>Free Code Camp Survey Form</h1><p id="description"></p><form required id="name" type="text" id="survey-form"></form>

\ file:

Your browser information:

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

Challenge: Build a Survey Form

Link to the challenge:

2

The new Responsive Web Design curriculum content has been released.

FAQ:

  1. Can I complete the old content?
  • Yes. The old content is still available, and has been moved to the bottom of the curriculum map and renamed to Responsive Web Design Legacy
  1. What will happen to my progress?
  • Nothing. Your past progress will still be available in the Responsive Web Design Legacy curricula
  1. Can I claim the old certificate?
  • The certifications are exactly the same. All you need to claim a certificate is to complete the 5 Certification Projects which are identical for both the Responsive Web Design and Responsive Web Design Legacy curricula
  1. Should I stop doing the legacy content, and just start over with the new content?
  • This is entirely up to you. Majority of the topics are the same - just taught in a different way. (See Project-Based Curricula)
  1. How do I use the new editor?
  • The new editor is as close to an external text editor as we wanted to get it. If the files for the challenge have been enabled, you can access the index.html and styles.css tabs which you should use for the respective code.
  • Two main differences between this editor and other online editors:
    • You need to link your styles.css file to your HTML (just like you would in real web-development), by adding the following line to the head of your HTML:
<link href="styles.css" />
    • You are encouraged to include the DOCTYPE, html, head and body tags for each project.
1 Like
3

Thank you. So I can no longer use codedpen? I just subscribed to it.

4

Correct. This is a change that was long coming, as now it allows freeCodeCamp to be sure people have completed all user stories before allowing them to submit a project.

5

You can still code it in Codepen and then transfer the code to the freeCodeCamp editor. Just remember to link to your CSS in the HTML. But you can’t submit the Codepen link.

6

Thank you for the information.

7

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