From a88d384ac7d877dcf1adbcbdd3d09acd8ce01d94 Mon Sep 17 00:00:00 2001
From: vishwajeet <vishwajeetthakur403@gmail.com>
Date: Fri, 29 Aug 2025 19:04:33 +0530
Subject: [PATCH] fix: mobile responsive live class card

---
 frontend/src/components/LiveClass.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/LiveClass.vue b/frontend/src/components/LiveClass.vue
index 2669f938..094ace08 100644
--- a/frontend/src/components/LiveClass.vue
+++ b/frontend/src/components/LiveClass.vue
@@ -22,7 +22,7 @@
 			</span>
 		</Button>
 	</div>
-	<div v-if="liveClasses.data?.length" class="grid grid-cols-3 gap-5 mt-5">
+	<div v-if="liveClasses.data?.length" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 mt-5">
 		<div
 			v-for="cls in liveClasses.data"
 			class="flex flex-col border rounded-md h-full text-ink-gray-7 hover:border-outline-gray-3 p-3"