Changed layout on responsive web design

Hi guys so I almost finished the course responsive web design and today I wanted to continue with the project ,product landing page‘ and I noticed that the layout changed completly. Its like I didnt do the courses before the project and they look different. Also If I click on the product landing page project the task is different.


Yesterday the Task was meant to be done on codepen.io today its freecodecamp rocks. What happend and how can I return to the old layout ?

There happened to be an update, the old course was changed into a legacy course, but you can still get it by going to the curriculum page and then scroll down. You will be able to see Legacy Responsive Web design …

You will still be able to find your old progress in the legacy course.

Yes, Yesterday you would have to do the code in codepen, but now you have to do it in fcc. It is the same for the projects in the legacy course.

1 Like

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.

In particular for the projects you can’t, this way allows freeCodeCamp to stop people from submitting projects that do not pass the tests

1 Like