CodePen for Quick and Dirty Prototypes for Learning CSS

You can do a lot on CodePen.

Photo by Stanley Dai on Unsplash

{% notice info %} I am going to be doing some blogging about my projects and what I am learning along the way. I said back in 2018 that I was switching things up, but as someone searching for a job, I feel like all types of content should go here. {% endnotice %}

I have been brushing up on my CSS lately1 and what I’ve discovered is that CodePen is the perfect place to prototype different concepts.

It’s quick and dirty, no real complicated setup needed. Just jump in, create a div with some class and start firing some CSS in the CSS section. It live updates so you can see your changes almost immediately.

Check out my Penssss

See the Pen  Elementary Grid Concepts by Tiffany White (@twhite96) on CodePen.

Testing layouts with grid

See the Pen  ZEbvexj by Tiffany White (@twhite96) on CodePen.

I am using Wes Bos’s CSS courses to do this.

Subscribe to Tiffany R. White Blog

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe