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
3 weeks ago 00:23:59 1
Decree “O VIOLET FLAME, FLOOD THE WORLD!“ #violetflame #saintgermain