From 260cb50bb5b9762e04af9af39ace55e7a10e94b6 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Mon, 28 Mar 2022 14:25:07 +0200
Subject: [PATCH] Switch to grid layout for contact links.

---
 source/scss/components/_page-main.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/source/scss/components/_page-main.scss b/source/scss/components/_page-main.scss
index 4881fd2..6ab3bc5 100644
--- a/source/scss/components/_page-main.scss
+++ b/source/scss/components/_page-main.scss
@@ -6,9 +6,13 @@
   padding: 1rem;
 
   .contact-links {
-    display: flex;
-    flex-direction: column;
+    display: grid;
     gap: 1rem;
+    grid-template-columns: repeat(2, 1fr);
+
+    @media (max-width: mixins.$medium-breakpoint) {
+      grid-template-columns: repeat(1, 1fr);
+    }
 
     a {
       border: 2px solid;