From 877354bcbc665e0c7f466e9509d3ec60974a517c Mon Sep 17 00:00:00 2001
From: Trenton Zimmer <66042448+trmazi@users.noreply.github.com>
Date: Mon, 27 Jan 2025 21:11:17 -0500
Subject: [PATCH] Clean up quick stats

---
 src/components/CardBoxWidget.vue | 4 +++-
 src/views/HomeView.vue           | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/CardBoxWidget.vue b/src/components/CardBoxWidget.vue
index c0e2292..b641b1b 100644
--- a/src/components/CardBoxWidget.vue
+++ b/src/components/CardBoxWidget.vue
@@ -55,7 +55,9 @@ defineProps({
 
 <template>
   <CardBox>
-    <div class="flex gap-4">
+    <div
+      class="grid grid-cols-1 justify-center md:justify-start w-full md:flex gap-4"
+    >
       <IconRounded
         v-if="icon"
         :icon="icon"
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index c3ee273..0690f11 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -136,7 +136,7 @@ function filterUserProfiles(userProfiles) {
         main
       />
       <div
-        class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 3xl:grid-cols-5 mb-6"
+        class="grid grid-cols-2 sm:grid-cols-3 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 3xl:grid-cols-5 mb-6"
       >
         <CardBoxWidget
           :icon="mdiCounter"
@@ -163,7 +163,7 @@ function filterUserProfiles(userProfiles) {
 
       <SectionTitleLine :icon="mdiGamepad" title="Showcase" main />
       <div
-        class="grid grid-flow-row auto-rows-auto grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-3 3xl:grid-cols-4 4xl:grid-cols-6 gap-5 mb-5"
+        class="grid grid-flow-row auto-rows-auto grid-cols-2 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-3 3xl:grid-cols-4 4xl:grid-cols-6 gap-5 mb-5"
       >
         <CardBoxGameStat
           v-for="profile of filterUserProfiles(userProfiles)"