From a8fd29c4edebca72914f727e85906330ee85b006 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Tue, 19 Mar 2024 11:11:23 -0500
Subject: [PATCH] Width of thumbnail is consistent no matter what content sits
 inside

---
 src/components/courses/CoursesCarousel.js     | 2 +-
 src/components/workshops/WorkshopsCarousel.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/courses/CoursesCarousel.js b/src/components/courses/CoursesCarousel.js
index 7db2af6..761025b 100644
--- a/src/components/courses/CoursesCarousel.js
+++ b/src/components/courses/CoursesCarousel.js
@@ -76,7 +76,7 @@ export default function CoursesCarousel() {
         const { width, height } = calculateImageDimensions();
         return (
             <div style={{width: width < 768 ? "auto" : width}} onClick={() => router.push(`/details/${course.id}`)} className="flex flex-col items-center mx-auto px-4 cursor-pointer mt-8 rounded-md shadow-lg">
-                <div style={{maxWidth: width}} className="max-tab:h-auto max-mob:h-auto">
+                <div style={{maxWidth: width, minWidth: width}} className="max-tab:h-auto max-mob:h-auto">
                     <Image
                         alt="resource thumbnail"
                         src={returnImageProxy(course.image)}
diff --git a/src/components/workshops/WorkshopsCarousel.js b/src/components/workshops/WorkshopsCarousel.js
index f456c53..ba323ef 100644
--- a/src/components/workshops/WorkshopsCarousel.js
+++ b/src/components/workshops/WorkshopsCarousel.js
@@ -74,7 +74,7 @@ export default function WorkshopsCarousel() {
         const { width, height } = calculateImageDimensions();
         return (
             <div style={{width: width < 768 ? "auto" : width}} onClick={() => router.push(`/details/${workshop.id}`)} className="flex flex-col items-center mx-auto px-4 cursor-pointer mt-8 rounded-md shadow-lg">
-                <div style={{maxWidth: width}} className="max-tab:h-auto max-mob:h-auto">
+                <div style={{maxWidth: width, minWidth: width}} className="max-tab:h-auto max-mob:h-auto">
                     <Image
                         alt="resource thumbnail"
                         src={returnImageProxy(workshop.image)}