Hey guys, when you use a component that has either left or right column with no padding/margin how do you get the rest of the content to align with the rest of the sections when using a container large for example, here is a screenshot to show you what I mean, and showing the desired effect if there is a better way of doing it.
Hey
Do you mean like this?
Let's say you're using container large. It's got a max size of 40 rem.
If it's nested inside padding-global at 2.5rem, then you need to add a similar padding (responsive of course) only on the side that needs to match the same container side (i'm using the blue/left in this case).
Make a new container, make it approximately HALF the width of container large (in my case, 41rem was the perfect size). Give it AUTO margin on the left and ZERO margin on the right. 100% width.
That way it will only go as far out on the left as your regular container large.
Should work 👍 Hope that helps!
Hey Rob, this is exactly what I mean. Thanks dude I will give it a crack in the morning 🙂
