Explorar o código

sticky footer

Abram Kash %!s(int64=6) %!d(string=hai) anos
pai
achega
71cd9a766b
Modificáronse 1 ficheiros con 7 adicións e 0 borrados
  1. 7 0
      style.css

+ 7 - 0
style.css

@@ -1,9 +1,15 @@
+html, body {
+  height: 100%;
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
     Helvetica, Arial, sans-serif;
   font-size: calc(14px + 0.5vmin);
   background-color: #ebebeb;
+  display: flex;
+  flex-direction: column;
 }
 
 #header {
@@ -24,6 +30,7 @@ body {
 
 #content {
   padding: 2em 1em 1em;
+  flex-grow: 1;
 }
 
 #footer {