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 I add framework to CodePen?
How To add CSS Frameworks
Read moreCan I copy code from CodePen?
We encourage you to read that in full, but in brief, people are free to copy it and their copy can be copied as well . There are many reasons for this, one of which is that it’s kind of awesome to browse CodePen knowing everything is usable for anything you want.
Read moreHow do I download CodePen codes?
Open your pen in CodePen and click export . In the way I have set up my view, the Export button is in the bottom right corner, next to “share”. Yours may be located somewhere else. Clicking export will download a zip file.
Read moreHow do I put CodePen code on my website?
You can embed Pens on other websites with our copy-and-paste Embed code. To get the code, click the “Embed” button in the footer of the Editor on any Pen . This will open the Embed Builder. The Embed Builder helps you customize your embed.
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 moreIs CodePen safe to use?
Public Pens and Projects on CodePen are MIT licensed, but Private Pens and Projects have no license at all . This is so you can apply your own license if you wish. For example, if you wish to send work-in-progress to a client, you can still be safe in that you retain full ownership and the code can’t be copied freely.
Read more