fix contact section on narrow screens

4 months ago · 3364fa5d3c
parent 6f34559c18
commit 3364fa5d3c
2 changed files with 18 additions and 0 deletions
--- a/dist/style.css
+++ b/dist/style.css
@ -229,4 +229,13 @@ main.posts > header > h1 {
  #cta>a {
    width: 100%;
  }
+  .contacts {
+    columns: 2;
+  }
+}
+
+@media (max-width: 480px) {
+  .contacts {
+    columns: 1;
+  }
 }
--- a/static/style.css
+++ b/static/style.css
@ -229,4 +229,13 @@ main.posts > header > h1 {
  #cta>a {
    width: 100%;
  }
+  .contacts {
+    columns: 2;
+  }
+}
+
+@media (max-width: 480px) {
+  .contacts {
+    columns: 1;
+  }
 }