# Container

The container component allows content to be centered horizontally in the center of the page according to the size of the screen.

## Usage

Add the ```.container``` class to a ```<div>``` element to create a container.

```html
<div class="container">
    <!-- Contents -->
</div>
```

## Large container

To create a container with a full width, use the ```.container-large``` class instead. It will then be 100% wide regardless of the size of the screen used.

```html
<div class="container-large">
    <!-- Contents -->
</div>
```

### Expand container

By default, a padding is applied to the container. To create a wide container without padding, use the ```.container-expand``` class.

```html
<div class="container-expand">
    <!-- Contents -->
</div>
```