DF-CSS Containers

DF-CSS >> DF-CSS Containers

Containers (sans padding)

Container avec dimension max

• df-container-1080 : 1080px
• df-container-lg : 1280px
• df-container-xl : 1500px
• df-container-1920 : 1920px

Containers (avec padding)

Container avec padding gauche / droite de 16px

• df-container-1080-pad : 1080px
• df-container-lg-pad : 1280px
• df-container-xl-pad : 1500px
• df-container-1920-pad : 1920px

.df-container-1080     {width: 100%; max-width: 1080px;}
.df-container-lg     {width: 100%; max-width: 1280px;}
.df-container-xl     {width: 100%; max-width: 1500px;}
.df-container-1920     {width: 100%; max-width: 1920px;}

.df-container-1080-pad {width: calc(100% - 32px); max-width: 1080px;}
.df-container-lg-pad {width: calc(100% - 32px); max-width: 1280px;}
.df-container-xl-pad {width: calc(100% - 32px); max-width: 1500px;}
.df-container-1920-pad {width: calc(100% - 32px); max-width: 1920px;}