The wrapper or container is probably the most common design pattern around, but after coming across an article by Stephanie Eckles looking at how we can use a grid to emulate a container, and have simple breakouts — #smol-breakout-grid — I had an idea of how we could do this to completely drop the idea of containers, and then had my idea validated when I found an article by Ryan Mulligan — — exploring that same idea!
So in this video, I take a look at how we can set it all up. I won’t lie, it’s a little complex, but I think the payoff is worth it, and I’d also love to know what you think!
🔗 Links
✅ Finished code:
✅ Steph’s SmolCSS Breakout: #smol-breakout-grid
✅ Ryan’s Layout Breakouts with CSS Grid:
✅ Steph’s newsletter:
1 view
1112
406
4 days ago 00:02:50 1
PLÜM & Trinix - Hey Ya
4 days ago 00:15:30 1
Piano Recipe Well Sleep [New Age Music] |Slow Smooth Music|
4 days ago 00:04:49 1
Phonique: Feel What You Want (feat. Rebecca) official music video feat. Julia Lapina
5 days ago 01:14:58 1
Full movie in English | A quiet village becomes the epicenter of horror | sci-fi, Apocalypse 💥