Difference between revisions of "User:Saul"
From Organic Design wiki
m (→Sticky footer:) |
(Added same height column snippet.) |
||
| Line 5: | Line 5: | ||
<source lang="CSS"> | <source lang="CSS"> | ||
body .site{ | body .site{ | ||
| − | + | display: flex !important; | |
| − | + | min-height: 100vh !important; | |
| − | + | flex-direction: column !important; | |
} | } | ||
#content { | #content { | ||
flex: 1 !important; | flex: 1 !important; | ||
| + | } | ||
| + | </source> | ||
| + | |||
| + | === CSS Same Height Columns: === | ||
| + | <source lang="CSS"> | ||
| + | .Container{ | ||
| + | text-align:center; | ||
| + | display: flex; | ||
| + | } | ||
| + | |||
| + | .Column{ | ||
| + | flex: 1; /* optional to equalize widths */ | ||
} | } | ||
</source> | </source> | ||
Revision as of 19:07, 6 March 2018
I like to be making notes for mysql php and other technologys, and am a friend to linux and open-source programs.
Contents
Snippets:
body .site{
display: flex !important;
min-height: 100vh !important;
flex-direction: column !important;
}
#content {
flex: 1 !important;
}CSS Same Height Columns:
.Container{
text-align:center;
display: flex;
}
.Column{
flex: 1; /* optional to equalize widths */
}
