From a21dc505979a9c35dfe54b8916b3ab1bad2a3862 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Mon, 11 Oct 2021 22:17:22 +0100
Subject: [PATCH] :iphone: Ignore custom grid, when on tiny screen/ mobile

---
 src/components/LinkItems/Section.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/LinkItems/Section.vue b/src/components/LinkItems/Section.vue
index 59e8523d..2e43a56a 100644
--- a/src/components/LinkItems/Section.vue
+++ b/src/components/LinkItems/Section.vue
@@ -105,10 +105,12 @@ export default {
     },
     gridStyle() {
       let styles = '';
-      styles += this.displayData.itemCountX
-        ? `grid-template-columns: repeat(${this.displayData.itemCountX}, minmax(0, 1fr));` : '';
-      styles += this.displayData.itemCountY
-        ? `grid-template-rows: repeat(${this.displayData.itemCountY}, minmax(0, 1fr));` : '';
+      if (document.body.clientWidth > 600) { // Only proceed if not on tiny screen
+        styles += this.displayData.itemCountX
+          ? `grid-template-columns: repeat(${this.displayData.itemCountX}, minmax(0, 1fr));` : '';
+        styles += this.displayData.itemCountY
+          ? `grid-template-rows: repeat(${this.displayData.itemCountY}, minmax(0, 1fr));` : '';
+      }
       return styles;
     },
   },