1. Web Design
  2. UX/UI
  3. Web Typography

CodePen Challenge #6: Results!

Last week we asked you to take part in our sixth CodePen Challenge: to decorate a drop cap using CSS. This one seemed to stump you all a bit, only 12 of you took part, but we have some interesting results–here’s what you all did!
Scroll to top
1 min read

Last week we asked you to take part in our sixth CodePen Challenge: to decorate a drop cap using CSS. This one seemed to stump you all a bit, only eleven of you took part, but we have some interesting results–here’s what you all did!

The Challenge

We asked you to take this drop cap and style it creatively:

Please accept marketing cookies to load this content.

The idea came from a relatively new CSS property–read Better CSS Drop Caps With “initial-letter” if you’re interested in learning more.

The Collection

All of the entries were pulled into a collection on CodePen, go and check them out! Meanwhile, here are just a few of our favourites, including a fair bit of purple which seems appropriate given yesterday’s sad news.

Please accept marketing cookies to load this content.


Please accept marketing cookies to load this content.


Please accept marketing cookies to load this content.


Please accept marketing cookies to load this content.


Please accept marketing cookies to load this content.


Next Time

Next time we’ll come up with a challenge that none of you can resist–expect another one very soon!