Merge pull request #1706 from vishwajeet-13/fix/mobile-view-for-live-class

2025-08-31 19:55:06 +05:30
parent 2dc6b68974 a1960489e1
commit 0a9c14f8b1
1 changed files with 4 additions and 1 deletions
--- a/frontend/src/components/LiveClass.vue
+++ b/frontend/src/components/LiveClass.vue
@@ -22,7 +22,10 @@
 			</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"