How to create a Project in CodePen

There is no limit to how many Pens, Posts, and Collections you can make on CodePen. If you upgrade to PRO, there is no limit on how many of those things can be made private, either.12 Ağu 2019

A project could have 10 HTML files, 4 CSS files, and 16 JavaScript files. There are limits to the number and size of files, depending on your plan. Here’s a simple use case: you want to make a personal website that has multiple pages: homepage, about page, portfolio page, and contact page .

Any type of file, like images (JPG, PNG, GIF, etc), CSS files, JavaScript/JSON files, audio, video… really anything! CodePen PRO accounts offer asset hosting. In other words, you can upload files directly to CodePen to use in the Pens that you build .

To deploy your Project, click the “Deploy” button in the lower right corner of the Project editor. On the Deployment screen, click the green “Deploy Project” button to deploy . After a moment, you’ll see the URL to your deployed Project.