Help creating a breakout section
Hey guys, I have the following design in XD (see first picture).
I've created the second picture.
My problem is, I never know how to engineer a section like this. There's a max-width container and the text needs to stick inside the max-width while the image breaks out. I figured I could use some
position-d stuff but not sure.
Codepen: https://codepen.io/vince1444/pen/rNgNBLm
5 Replies
Who would have thought, Kevin has a video on it haha https://youtu.be/Ivk8Blw2VTI?si=l9VlfqU0psEnAbe5
Kevin Powell
YouTube
How to escape the container on only one side
🎓 If you’ve been writing CSS for awhile now but you’re having trouble making that next step up with is, you might be interested in my course CSS Demystified: https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=full-width-one-side
Having something be full-width on a website isn't hard, and there are even some neat t...
Only annoying part now is that my max-width class is Tailwind's (I was lazy). Going to have to do some work to port it into my Sass just to use this pattern for 1 component ðŸ¤
He’s a real life saver , taught me a lot
I hope it fixes after u watch the tutorial
Ty! 😊
Update the codepen and it works! woo
That’s greatt