has been released! Read the upgrade guide


The documentation on this page is considered legacy.

We will be updating this content to our new principle-based format in the near future.

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

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

1Available Sizing

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

1<div class="rn-container--small">
2 // Small Container

A large container that has a padding of 1.25rem:

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

The MOD.UK Design System provides guidance and tools for building high–quality Services within the UK Ministry of Defence. This project is open source and its source code is available on GitHub.

All content is available under the Apache 2.0 licence, except where otherwise stated.

© Crown copyright