Help with "A new approach to container and wrapper classes"
I'm watching Kevins video https://www.youtube.com/watch?v=c13gpBrnGEw and am trying to add a breakout to a particular paragraph and it isn't working. I have other instances on the page, both above and below it which are working. I've been playing around with it for a while and can't seem to figure it out. Heres a link to my codepen, the offending paragraph also has a class of call-to-action and has a white background.
Thanks for any and all help!
https://codepen.io/thisispeterj/pen/ExMVxor?editors=1100
Kevin Powell
YouTube
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 — https://smolcss.dev/#smol-breakout-grid — I had an idea of how we could do this to completely drop the idea of containers, and then...
4 Replies
You don't have a grid on your <section> for that part
yeah give that section those two classes
full-width content-grid
Ohhh ok, beacuse the content-grid on main only works for direct children, which is what I did in the first paragraph which isn't in its own section. Thanks for your help everyone!