From 2f5cc23d183d34c386174763a0731d4b7abcd103 Mon Sep 17 00:00:00 2001
From: Robert Tyree <20293876+tyreer@users.noreply.github.com>
Date: Sun, 9 Aug 2020 19:51:38 +0100
Subject: [PATCH] fix: allow mobile views on developer champion page to have
 single column layout before applying 2 and 3 columns grid layouts

---
 src/pages/developer-champion.module.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/pages/developer-champion.module.scss b/src/pages/developer-champion.module.scss
index 632c6c277..6f3902976 100644
--- a/src/pages/developer-champion.module.scss
+++ b/src/pages/developer-champion.module.scss
@@ -8,6 +8,10 @@
   display: grid;
   grid-template-columns: repeat(2, calc(50% - 1rem));
   grid-gap: 2rem;
+
+  @media (max-width: 760px) {
+    grid-template-columns: 1fr
+  }
 }
 
 .img {
@@ -18,10 +22,21 @@
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 2rem;
+
+  @media (max-width: 760px) {
+    display: block;
+    text-align: center;
+  }
 }
 
 .point {
   text-align: center;
+  max-width: 400px;
+  margin: auto;
+
+  @media (max-width: 760px) {
+   margin-bottom: 40px;
+  }
 }
 
 .pointIcon {