From ff6f9ef3f7849ef6edd3e2e164d5b6b4a21506a8 Mon Sep 17 00:00:00 2001
From: daluclemas <chidaluanukam@gmail.com>
Date: Thu, 4 Jul 2024 18:43:09 +0100
Subject: [PATCH 1/2] make the cards responsive

---
 src/components/activities/coding-page/index.jsx      | 2 +-
 src/components/activities/game-development/index.jsx | 2 +-
 src/components/activities/robotics/index.jsx         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/activities/coding-page/index.jsx b/src/components/activities/coding-page/index.jsx
index 12abaa1..984f939 100644
--- a/src/components/activities/coding-page/index.jsx
+++ b/src/components/activities/coding-page/index.jsx
@@ -110,7 +110,7 @@ const CodingPageComponent = () => {
                   loader={<ApiLoading />}
                   hasMore={hasMore}
                 >
-                  <section className="w-full grid grid-cols-3 gap-5 ">
+                  <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 ">
                     {filteredCourses.map((item, i) => (
                       <InfoCard
                         key={i}
diff --git a/src/components/activities/game-development/index.jsx b/src/components/activities/game-development/index.jsx
index fb086f6..e34ed46 100644
--- a/src/components/activities/game-development/index.jsx
+++ b/src/components/activities/game-development/index.jsx
@@ -97,7 +97,7 @@ const GameDevelopmentPage = () => {
                 loader={<ApiLoading />}
                 hasMore={hasMore}
               >
-                <section className="w-full grid grid-cols-3 gap-5 ">
+                <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 ">
                   {filteredCourses.map((item, i) => (
                     <InfoCard
                       key={i}
diff --git a/src/components/activities/robotics/index.jsx b/src/components/activities/robotics/index.jsx
index 0f8dce3..be1d693 100644
--- a/src/components/activities/robotics/index.jsx
+++ b/src/components/activities/robotics/index.jsx
@@ -103,7 +103,7 @@ const RoboticsPageComponent = () => {
                 loader={<ApiLoading />}
                 hasMore={hasMore}
               >
-                <section className="w-full grid grid-cols-3 gap-5 ">
+                <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 ">
                   {filteredCourses.map((item, i) => (
                     <InfoCard
                       key={i}

From b1175dc4b4319034c7bbf6f6e279953b984a58e2 Mon Sep 17 00:00:00 2001
From: daluclemas <chidaluanukam@gmail.com>
Date: Thu, 4 Jul 2024 18:50:35 +0100
Subject: [PATCH 2/2] update the gaps between cards

---
 src/components/activities/coding-page/index.jsx      | 2 +-
 src/components/activities/game-development/index.jsx | 2 +-
 src/components/activities/robotics/index.jsx         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/activities/coding-page/index.jsx b/src/components/activities/coding-page/index.jsx
index 984f939..523e65f 100644
--- a/src/components/activities/coding-page/index.jsx
+++ b/src/components/activities/coding-page/index.jsx
@@ -110,7 +110,7 @@ const CodingPageComponent = () => {
                   loader={<ApiLoading />}
                   hasMore={hasMore}
                 >
-                  <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 ">
+                  <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
                     {filteredCourses.map((item, i) => (
                       <InfoCard
                         key={i}
diff --git a/src/components/activities/game-development/index.jsx b/src/components/activities/game-development/index.jsx
index e34ed46..b65be1f 100644
--- a/src/components/activities/game-development/index.jsx
+++ b/src/components/activities/game-development/index.jsx
@@ -97,7 +97,7 @@ const GameDevelopmentPage = () => {
                 loader={<ApiLoading />}
                 hasMore={hasMore}
               >
-                <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 ">
+                <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 ">
                   {filteredCourses.map((item, i) => (
                     <InfoCard
                       key={i}
diff --git a/src/components/activities/robotics/index.jsx b/src/components/activities/robotics/index.jsx
index be1d693..37a95b8 100644
--- a/src/components/activities/robotics/index.jsx
+++ b/src/components/activities/robotics/index.jsx
@@ -103,7 +103,7 @@ const RoboticsPageComponent = () => {
                 loader={<ApiLoading />}
                 hasMore={hasMore}
               >
-                <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 ">
+                <section className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 ">
                   {filteredCourses.map((item, i) => (
                     <InfoCard
                       key={i}