Componentes de contenedores CSS

<div class="padding:0_8px sm:padding:0_16px xl:padding:0">Container fluid</div>
<div class="padding:0_8px sm:padding:0_16px xl:padding:0 margin:0_auto max-width:640px">Container 640px</div>
<div class="padding:0_8px sm:padding:0_16px xl:padding:0 margin:0_auto max-width:768px">Container 768px</div>
<div class="padding:0_8px sm:padding:0_16px xl:padding:0 margin:0_auto max-width:1024px">Container 1024px</div>
<div class="padding:0_8px sm:padding:0_16px xl:padding:0 margin:0_auto max-width:1280px">Container 1280px</div>
<div class="padding:0_8px sm:padding:0_16px xl:padding:0 margin:0_auto max-width:1536px">Container 1536px</div>
<div class="padding:0_8px sm:padding:0_16px xl:padding:0 margin:0_auto max-width:1920px">Container 1920px</div>

<!--
stylify-components
	container: `
		padding:0_8px sm:padding:0_16px xl:padding:0 margin-left:auto margin-right:auto
		&--sm { max-width:640px }
		&--md { max-width:768px }
		&--lg { max-width:1024px }
		&--xl { max-width:1280px }
		&--2xl { max-width:1536px }
		&--3xl { max-width:1920px }
	`
/stylify-components
-->
<div class="container">Container fluid</div>
<div class="container container--sm">Container 640px</div>
<div class="container container--md">Container 768px</div>
<div class="container container--lg">Container 1024px</div>
<div class="container container--xl">Container 1280px</div>
<div class="container container--2xl">Container 1536px</div>
<div class="container container--3xl">Container 1920px</div>