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!
Ian Yates
•
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!



