Fix alignment and spacing of page footer on mobile

SASS pinched from here: https://github.com/alphagov/pay-product-page/blob/696ce451a74866ee01412628af894c9698019678/source/pay-product-page/stylesheets/modules/_footer-categories.scss
2026-09-11 02:23:19 -04:00 · 2017-07-12 15:23:09 +01:00
parent 7664ffb998
commit 5fea26c7f7
3 changed files with 30 additions and 20 deletions
@@ -0,0 +1,29 @@
+#footer {
+  .footer-categories {
+    margin: 0 auto;
+
+    &-wrapper {
+      margin-bottom: $gutter;
+      padding-bottom: $gutter * 2;
+      border-bottom: 1px solid $grey-2;
+    }
+
+    h2 {
+      margin: 20px 0;
+
+      @include media(tablet) {
+        margin-top: 0;
+      }
+    }
+
+    ul {
+      margin: 0;
+      padding: 0;
+    }
+
+    li {
+      margin-bottom: 5px;
+      font-size: 16px;
+    }
+  }
+}