From 6df34fad4fbfae4235760529a774d531bc19e5b2 Mon Sep 17 00:00:00 2001
From: Filip Niklas <awdeegrays@gmail.com>
Date: Wed, 29 Jan 2025 22:51:58 +0100
Subject: [PATCH] chore: adjust course image

---
 features/courses/components/CourseFrontPage.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/features/courses/components/CourseFrontPage.tsx b/features/courses/components/CourseFrontPage.tsx
index cbfee44..c935646 100644
--- a/features/courses/components/CourseFrontPage.tsx
+++ b/features/courses/components/CourseFrontPage.tsx
@@ -34,7 +34,7 @@ export async function CourseFrontPage({ slug }: { slug: string }) {
     return (
         <FadeIn className="w-full">
             <div className="flex flex-col justify-center items-center py-10">
-                <div className="flex justify-center gap-20 flex-wrap">
+                <div className="flex justify-center gap-10 flex-wrap">
                     <div className="flex flex-col">
                         <Link
                             href={links.courses}
@@ -49,18 +49,19 @@ export async function CourseFrontPage({ slug }: { slug: string }) {
                     </div>
 
                     {course.imageUrl && (
-                        <div className="custom-mask custom-mask-hexagon">
+                        <div className="">
                             <Image
+                                className="rounded-md"
                                 src={course.imageUrl}
                                 alt={`Course preview ${course.name}`}
-                                width={340}
+                                width={800}
                                 height={240}
                             />
                         </div>
                     )}
                 </div>
 
-                <div className="flex justify-center gap-20 flex-wrap-reverse mt-10 md:mt-1">
+                <div className="flex justify-center gap-20 flex-wrap-reverse mt-10 md:mt-5">
                     <div className="max-w-[800px]">
                         {course?.details?.mdxCompiled ? (
                             <MDXRenderer data={course.details.mdxCompiled} />