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; }, },