Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.
We’ve seen a whole bunch of video tweets from people working with CodePen lately. Something about CSS Grid has really inspired a lot of CodePen cinematics!
A responsive media object with CSS Grid. pic.twitter.com/sYbzFiRHeN
— Guil Hernandez (@guilh) May 24, 2017
Easy way to toggle back and forth between your Grid Layout and fallback layout. pic.twitter.com/ZZkYyvKsc0
— Chris Coyier (@chriscoyier) March 15, 2017
Flexbox & CSS Grid work👌together. An example of how grid items can also be flex containers. pic.twitter.com/DYAaEcl1qL
— Guil Hernandez (@guilh) May 6, 2017
A fully responsive grid with no media queries in three lines of code is actually pretty awesome: https://t.co/9zdV2t0CBe pic.twitter.com/ju2H3deJhx
— Stefan Baumgartner (@ddprrt) May 12, 2017
I wrote a quick post on how to responsively maintain aspect ratios & how CSS Grid may be changing that game 🙌https://t.co/xSgbTRnV6K pic.twitter.com/FuxyXlh74H
— Stephanie (@ramenhog) May 9, 2017
If you want to get more than just a glimpse of your fellow devs as they code, check out what people are doing on YouTube! Ana Tudor and Eleftheria Batsou both do tutorials on their YouTube channels.
vid: (un)pack cube (pure CSS) https://t.co/HnwhMKFhEE (8min)
Result on @CodePen https://t.co/4oO5E4AZLl
Original https://t.co/uQnZfPsD70 pic.twitter.com/1najPFUCts— Ana Tudor (@anatudor) May 23, 2017
Hey developers, I coded a #robot using #html and #css. I hope u like ithttps://t.co/2F68tvKlgH #dailycssimages @CodePen #100DaysOfCode #fcc
— Eleftheria Batsou (@BatsouElef) May 23, 2017