Site logo

Archived topic

A class to break out of the container?

1 reply · Started by Chad on March 7, 2018

Viewing posts 1–2 of 2

I want to show two pictures side-by-side, and have them break outside of the width of the main container — maybe 30 pixels each side (or even full screen width sometimes).

I’d use unsemantic grid to put them side-by-side, but was curious if there was already a class in GP that would break it out of the main container?

If not, how might it be done?

Thank you!

You could try wrapping them in a div, and then applying negative margin to that div.

<div class="break-outside">
    Your stuff
</div>
.break-outside {
    margin-left: -30px;
    margin-right: -30px;
}
This archived topic is closed to new replies.