---
layout: docs
title: Container
description: null
---

## About

Default `.container` width property definition element with responsive breakpoints.

By default the container has `--container-gutter` padding applied to the left and right of the container `<div>`.

### HTML

```html
<div class="container">...</div>
```

### CSS

```scss
--container-gutter: 1rem;
--container-xxl: 80rem;
--container-xl: 80rem;
--container-l: 80rem;
--container-m: 70rem;
--container-s: 100%;
--container-xs: 100%;
--container-xxs: 100%;
```