css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
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.

Vintage CSS Grid Experiments

When it came time to learn CSS Grid, I wanted to do something different from what I've done before. After hearing talks by Jen Simmons and Rachel Andrew at An Event Apart Seattle I became really inspired to look elsewhere for designs to experiment with. I absolutely love vintage things so finding vintage items I could replicate seemed like the perfect way for me to practice and learn CSS Grid. I'm really enjoying seeing how I can recreate these items, as well as make them responsive and animated.

Inspired by the work Jen Simmons and Rachel Andrew do with with CSS Grid: