To use a template, you can choose it from the dropdown menu under Pen > from template on the home page . Or, visit the Pen and click the “Use this template” button at the bottom right of the editor view.
Read moreHow do you run a CodePen project?
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 moreHow do you make a project in CodePen?
To make a Project available as a template, first click “Settings” to open the Project Settings menu. Then, slide the toggle switch under “Project Description” to “Template”. Finally, save your settings by clicking the green “Save and Close” button. After you do that, your Project becomes available as a template.
Read moreHow do you use a CodePen console?
In a desktop browser, click the the “Console” button at the bottom of the Editor to open the console . The console will open up at the bottom of the preview panel. If you’ve selected a custom theme for your editor, the console will also use that theme.
Read more