Previous version made GPDR-friendly

src/scss/components/_site-foot.scss

@@ -0,0 +1,54 @@
+.site-foot {
+  background: var(--color-secondary);
+  color: var(--color-white);
+
+  &__inner {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-template-rows: 1fr;
+    grid-column-gap: 1.5rem;
+    grid-row-gap: 0;
+    padding: 4.5rem 0;
+    font-weight: 300;
+
+    h3 {
+      font-size: 1rem;
+      font-weight: 400;
+      margin-bottom: 1.5rem;
+    }
+
+    p {
+      margin-bottom: 1rem;
+    }
+
+    .socials {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 1.5rem;
+      width: calc((24px + 1.5rem) * 4);
+    }
+  }
+
+  .footer-link {
+    color: var(--color-white);
+    font-weight: 600;
+  }
+
+  a {
+    &:hover {
+      text-decoration: none;
+    }
+
+    &:focus {
+      outline-color: var(--color-white);
+    }
+  }
+}
+
+@media (max-width: 575.98px) {
+  .site-foot {
+    &__inner {
+      display: block;
+    }
+  }
+}