CodePen Full Screen

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.