Layout Guide > Back home

Hey! I am a .container I have some x-padding except in mobile.

Some of my child blocs can be grided. They have some padding by default, like that they can naturally have some background colors.

Their responsive behaviour can be differents than in desktop.

Some of my child blocs are not grided.
It's not necessary to grid every blocs to have them well aligned. you can add to me a spacing modifier class to play with alignment elements such as padding-x-small if you want to keep the same alignment than my grided bloc bro.

Hey! I am a .container-margin. I have some x-padding even in mobile.

Some of my child blocs can be grided. To align them with their ungrided blocs, just add some padding-x-reset modifier class.

Their responsive behaviour can be differents than in desktop

Some of my child blocs are not grided.
It's not necessary to grid every blocs to have them well aligned. you can add to my grided bloc bros a reset-spacing modifier class to play with alignment elements such as padding-x-reset if you want to keep the same alignment between us.

Hey! I am a .container-full. I have no x-padding at all but I have a max-sized like my other container bros.

Some of my child blocs can be grided

And their responsive behaviour can be differents than in desktop

Some of my child blocs are not grided.
It's not necessary to grid every blocs to have them well aligned. you can add to me a spacing modifier class to play with alignment elements such as padding-x-small if you want to keep the same alignment than my grided bloc bro.

Hey! I am a section without .container- class and I am full width on any breakpoint and I have no marge at all.

Some of my child blocs can be grided

And their responsive behaviour can be differents than in desktop

Some of my child blocs are not grided.
It's not necessary to grid every blocs to have them well aligned.