✨(demo) add a footer

Add a footer to display some useful links

apps/demo/src/index.scss

@@ -23,10 +23,15 @@ a {
 
 // App
 html {
-  min-height: 100vh;
   background: linear-gradient(153deg, var(--c--theme--colors--greyscale-100) 0%, var(--c--theme--colors--greyscale-000) 100%);
 }
 
+html, body, #root {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+
 .pattern {
   position: absolute;
   z-index: -1;
@@ -65,6 +70,7 @@ html {
 .container {
   margin: auto;
   position: relative;
+  height: 100%;
 
   width: 1100px;
   @media (max-width: 1200px) {
@@ -75,6 +81,10 @@ html {
 
 // Home
 .page__home {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+
   &__title {
     gap: 1.5rem;
     margin: 4rem 0;
@@ -86,6 +96,10 @@ html {
       margin-top: 1.5rem;
     }
   }
+
+  section {
+    flex: 1;
+  }
 }
 
 html[data-theme="redflux"] {
@@ -150,3 +164,21 @@ html[data-theme="blueney"] {
     justify-content: center;
   }
 }
+
+// links
+.links {
+  border-top: thin solid var(--c--theme--colors--greyscale-300);
+  display: flex;
+  justify-content: space-between;
+  gap: 0.5rem;
+
+  ul {
+    text-align: right;
+    padding: 0;
+  }
+  ul li {
+    display: inline-block;
+    padding: 0 0.5rem;
+    white-space: nowrap;
+  }
+}