A new approach to container and wrapper classes

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:
Back to Top