container

Basic container

Holds its contents within responsive boundaries.

I am container

I am inside container

.container I am container  div I am inside container

<div class="container">  I am container  <div>I am inside container</div></div>

Containers with padding

Have vertical space.

I am inside padded container

I am inside relaxed container

.container.container--padded  div I am inside padded container.container.container--relaxed  div I am inside relaxed container

<div class="container container--padded">  <div>I am inside padded container</div></div><div class="container container--relaxed">  <div>I am inside relaxed container</div></div>

less than portrait

portrait phone

landscape phone

portrait tablet

landscape tablet / minimal desktop

generic laptop screen

generic desktop screen

full hd screen

2k+ screen