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:
Hide player controls
Hide resume playing