How do I run code on CodePen?

By default, every time you save your project runs and automatically updates the preview. You can save and run your project by clicking the “Save All + Run” button in the header . You can also use the keyboard shortcut to save your current file (Command + S for Mac, CTRL + S for PC).

Read more

What is Live View in CodePen?

Live View is a full-page view of your Pen that updates in real time as you update the code in your Pen . Updates happen as you type, just like the preview in the Editor, except that this URL can be open in another window or tab, in a different browser, or even on a completely different computer or device.

Read more