1
0
Fork 0
mirror of https://gitlab.com/sbrl/GalleryShare.git synced 2018-06-12 22:45:16 +00:00

Use display: flex; to make the footer always appear at the bottom of the screen

This commit is contained in:
Starbeamrainbowlabs 2017-07-21 21:02:30 +01:00
parent 75da9a779c
commit 543d09b2e8

View file

@ -8,9 +8,11 @@
--figcaption-bg-position-y: 0.7em; --figcaption-bg-position-y: 0.7em;
} }
html, body { min-height: 100%; font-size: 100%; } html, body { min-height: 100vh; font-size: 100%; }
body body
{ {
display: flex;
flex-direction: column;
margin: 0; margin: 0;
font-family: sans-serif; font-family: sans-serif;
@ -36,6 +38,7 @@ h1
main main
{ {
flex: 1;
width: 100%; width: 100%;
text-align: center; text-align: center;
line-height: 0.8em; line-height: 0.8em;