My pattern library

3.1 #Containers.double-container Double container pattern

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Style for the double container pattern.

To be general, it doesn't force a specific max-width, which is meant to be set by targeting another class, e.g. inner in the example snippet below.

Example
Ciao
Markup
<div class="outer" style="border: 1px dashed red;">
  <div class="inner centered-container" style="border: 1px solid red; max-width: 200px; ">
    Ciao
  </div>
</div>
Source: css/modules/double-container-pattern.css, line 1