From 1c02a2bc6ceebf4754cdb63ed4f498a5b336d952 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Tue, 4 Mar 2025 23:55:39 +0100
Subject: [PATCH] feat: improve course grid layout and responsiveness in
 landing page

---
 apps/web/components/Landings/LandingCustom.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/components/Landings/LandingCustom.tsx b/apps/web/components/Landings/LandingCustom.tsx
index 2985739c..84bcdc37 100644
--- a/apps/web/components/Landings/LandingCustom.tsx
+++ b/apps/web/components/Landings/LandingCustom.tsx
@@ -189,13 +189,14 @@ function LandingCustom({ landing, orgslug }: LandingCustomProps) {
             className="py-16 mx-2 sm:mx-4 lg:mx-16 w-full"
           >
             <h2 className="text-2xl md:text-3xl font-bold text-left mb-6 text-gray-900">{section.title}</h2>
-            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 w-full">
               {featuredCourses.map((course: any) => (
-                <CourseThumbnailLanding
-                  key={course.course_uuid}
-                  course={course}
-                  orgslug={orgslug}
-                />
+                <div key={course.course_uuid} className="w-full flex justify-center">
+                  <CourseThumbnailLanding
+                    course={course}
+                    orgslug={orgslug}
+                  />
+                </div>
               ))}
               {featuredCourses.length === 0 && (
                 <div className="col-span-full text-center py-6 text-gray-500">