add sticky footer pattern

Andrej044 · Jun 26, 2023 · 4a18b19 · 4a18b19
1 parent d49fd59
commit 4a18b19
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/styles.css b/styles.css
@@ -32,6 +32,9 @@ html{
 
 /* Mobile first */
 body{
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background-color: var(--black);
   font-family: SpaceGrotesk, sans-serif;
   font-size: 1.6rem;
@@ -171,6 +174,7 @@ img{
 /* end */
 /* main */
 .main{
+  flex: 1;
   width: 100%;
   padding: 1.6rem;
 }