Container

Container

The container CSS class wraps all of your main application content:

<div class="rn-container">
  // Main App Content
</div>

Available Sizing

The container class has three different variations. The default class has a padding of 0.75rem. The Royal Navy Design System also provides a small container with padding of 0.5rem:

<div class="rn-container--large">
  // Large Container
</div>

A large container that has a padding of 1.25rem:

<div class="rn-container--small">
  // Large Container
</div>