Some Incredibly Clever Layout Pens from CodePen (with bonus twists)

added by JavaScript Kicks
1/11/2019 7:59:04 AM


CSS grid makes this calendar, a perfect simple use case! But the transforms giving different elements tilt really give it life. Love that markered-off cell look. Check it out, it's all CSS with a repeating gradient: You might think you'd have to manually cut content into two different elements to make a side-by-side layout like this that maintains content flow.