chore: adjust course image

systemphil · Jan 29, 2025 · 6df34fa · 6df34fa
1 parent 72a0f89
commit 6df34fa
Showing 1 changed file with 5 additions and 4 deletions.
diff --git 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} />