From 5c3efe4f2bcfa756915612835d4784ef93d74ac5 Mon Sep 17 00:00:00 2001
From: Philip Cheung <philip.cheung@nirons.com>
Date: Tue, 8 Oct 2024 22:48:26 +0800
Subject: [PATCH] updated size

---
 components/Course/CourseImagesSilder.tsx | 2 +-
 components/CoursesSilder.tsx             | 2 +-
 components/Hero2.tsx                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Course/CourseImagesSilder.tsx b/components/Course/CourseImagesSilder.tsx
index f4eb3b0..0132fb6 100644
--- a/components/Course/CourseImagesSilder.tsx
+++ b/components/Course/CourseImagesSilder.tsx
@@ -125,7 +125,7 @@ const CourseImagesSilder = ({ courseData }: { courseData: CoursesProps }) => {
                             {courseData.images.map((image, index) => {
                                 return (
                                     <div key={index} className="px-4">
-                                        <div key={index} className="relative h-[45vw] transition-all justify-items-center mb-16">
+                                        <div key={index} className="relative h-[38vw] transition-all justify-items-center mb-16">
                                             <img
                                                 src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${image.image}`}
                                                 alt={`Course Image ${index + 1}`}
diff --git a/components/CoursesSilder.tsx b/components/CoursesSilder.tsx
index d84d008..4d617e0 100644
--- a/components/CoursesSilder.tsx
+++ b/components/CoursesSilder.tsx
@@ -75,7 +75,7 @@ const CoursesSilder = ({ courses }: { courses: CoursesProps[] }) => {
                     </div>
                   </div>
 
-                  <div className=" relative w-[50vh] h-[70vh] max-sm:w-[36vh] max-sm:h-[60vh]  mt-20 mb-28 overflow-hidden rounded-3xl shadow-md sm:block md:block lg:hidden xl:hidden 2xl:hidden mx-auto">
+                  <div className=" relative w-[50vh] h-[70vh] max-sm:w-[85vw] max-sm:h-[60vh]  mt-20 mb-28 overflow-hidden rounded-3xl shadow-md sm:block md:block lg:hidden xl:hidden 2xl:hidden mx-auto">
                     <img
                       src={`${process.env.NEXT_PUBLIC_IMAGE_URL}${course.images[0].image}`}
                       alt="Course Image"
diff --git a/components/Hero2.tsx b/components/Hero2.tsx
index 55b6977..f1031ca 100644
--- a/components/Hero2.tsx
+++ b/components/Hero2.tsx
@@ -17,7 +17,7 @@ const Hero2 = ({ settings }: { settings: SettingsProps }) => {
             <div className="flex w-full h-auto justify-center items-center relative">
                 <div className="bg-[url('/images/014.png')] absolute bottom-0 inset-0 h-auto w-full bg-contain bg-bottom bg-no-repeat"></div>
                 <iframe
-                    className="rounded-2xl w-[100vh] aspect-video justify-center relative z-10 lg:m-[15vh] max-sm:m-[5vh] md:m-[10vh]"
+                    className="rounded-2xl w-[85vw] aspect-video justify-center relative z-10 lg:m-[15vh] max-sm:m-[5vh] md:m-[10vh]"
                     src={convertToEmbedLink(settings.youtube_link)}
                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                     allowFullScreen