{{#> web/layout/default title="Breakout" parentPageName="Helpers" }}

<section class="UNSTABLE_Section">

  <div class="Container">

    <h2 class="docs-Heading">Breakout</h2>

    <div class="docs-Stack docs-Stack--start">

      <div class="breakout-container docs-Box">Break out of Container</div>

      <div class="breakout-container-tablet docs-Box">Break out of Container from Tablet</div>

      <div class="breakout-container-desktop docs-Box">Break out of Container from Desktop</div>

      <div class="breakout-container-mobile-only docs-Box">Break out of Container only on Mobile</div>

      <div class="breakout-container-tablet-only docs-Box">Break out of Container only on Tablet</div>

    </div>

  </div>

</section>

{{/web/layout/default}}
