cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.


CodePen Challenges are fun opportunities to level up your skills by building things. We prompt you with a theme and our challenge to you is to learn something and build something aligned with the theme.

You'll need a CodePen account to join! Log In or Sign Up.

HTTP Status Codes 🕵️‍♀️

When you visit a website, a web server somewhere is sending documents across the network back to your web browser. Along with the documents comes a variety of metadata, one of which is a status code. Say everything went just perfectly... that code is 200 (OK). But there are many more, and that will be this months theme!

Teaching 👩‍🏫

One of the best ways to really understand something is to teach it. Let's do that this month! You don't have to be a teacher by trade to teach someone something, anybody can give it a go, especially when they've just learned that something. Take that moment when began to understand something and share it.

The Office 🏢

TPS reports, am I right? This month we're going to be exploring some of the things you'll find in the world's most stimulating and exotic locations: the common buisness office. But of course we can get as weird and wild as we want here. What's an office without an office party?

Blogging 📝

Blogging is such a huge part of the web. What was once a niche phrase is now widely known and for good reason, blogging is just writing. A blog is just a place with published articles. In a sense, you could call just about any publication on the web a blog. Let's use this as a theme this month, focusing in on some design work that typically needs doing on blogs.

HTML Buddies 👥

Some HTML elements go together like peanut butter and jelly. Some functionally tied together, semantically symbiotic, or even polar opposites. This month we'll focus on some of those pairings, handing them off to you to consider and do something unique with, beyond what browsers do with them by default!

Retro Video Games 👾

Each week in April we'll be picking a different retro video game as the weekly challenge prompt. Nothing new and fancy here, we'll be going back to the glorious olden days of video games. Take them as inspiration do do whatever you like!

Movie Night 🎬

March is Movie Night month! Every Monday we'll email you with that week's prompt. We'll be having fun with movies. Some great, some, uhhh, maybe not so great but iconic just the same.