DF-CSS Containers: Difference between revisions
From DiviFree
(Created page with "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 <pre> .df-container-1080 {width: 100%; max-width: 1080px;}...") |
mNo edit summary |
||
| Line 15: | Line 15: | ||
* df-container-1920-pad : 1920px | * df-container-1920-pad : 1920px | ||
==Style CSS== | |||
<pre> | <pre> | ||
.df-container-1080 {width: 100%; max-width: 1080px;} | .df-container-1080 {width: 100%; max-width: 1080px;} | ||
Latest revision as of 12:43, 27 February 2023
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
Style CSS
.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;}
