Container

A responsive max-width wrapper that centers content horizontally. Three sizes available.

Default (1280px)

Preview

Default container — max-width 1280px

<div class="nano-container">
  <!-- your content -->
</div>

Medium (1024px)

Preview

Medium container — max-width 1024px

<div class="nano-container--md">
  <!-- your content -->
</div>

Small (640px)

Preview

Small container — max-width 640px

<div class="nano-container--sm">
  <!-- your content -->
</div>