[Support request] A class to break out of the container?

[Chad]

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!

[Tom]

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;
}

[Author]

Posts