Saving on Codepen.io

Curriculum Help Certification Projects
#1

Tell us what’s happening:
How do I save on code pen? I read somewhere that I save on the top right but I don’t see that. I am finished but I don’t want to risk losing my work.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15.

Challenge: Build a Tribute Page

Link to the challenge:

#2

In order to save your work, you need to meet the following conditions.

  • You must be logged in. If you do not have an account, you can create one.
  • You must be editing your own pen. If you’re working on a project for FCC you can “fork” the test script pen by clicking “fork” in the bottom right.
#3

Thank you! I have one other question. How would I share the link? I don’t know how to access just the page without the html and css.

#4

If you want to share the link without loading the editor tabs, click “Change View” in the top right, select “Full Page View”, then share that URL.

Be aware that people can still switch the view back to “Editor” with that link.

1 Like