From 9048055d691d4565e5ecd6bc80c5c811bba102c1 Mon Sep 17 00:00:00 2001
From: lassejaco <lasse.jacobsen@ethereum.org>
Date: Thu, 4 Apr 2024 17:53:57 +0200
Subject: [PATCH] carousel size adjustment

---
 devcon/src/components/common/carousel/Carousel.tsx | 7 ++++++-
 devcon/src/pages/road-to-devcon.tsx                | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/devcon/src/components/common/carousel/Carousel.tsx b/devcon/src/components/common/carousel/Carousel.tsx
index 891677c02..476bc1c82 100644
--- a/devcon/src/components/common/carousel/Carousel.tsx
+++ b/devcon/src/components/common/carousel/Carousel.tsx
@@ -6,6 +6,7 @@ import InfiniteScroll from 'lib/components/infinite-scroll/infinite-scroll'
 type CarouselProps = {
   title?: string
   noAnimation?: boolean
+  marqueeClassName?: string
   speed?: number
   images: {
     src: any
@@ -27,7 +28,11 @@ export function Carousel(props: CarouselProps) {
       </div>
 
       <div className={imagesClassName}>
-        <InfiniteScroll nDuplications={2} speed={`${props.speed || 300}s`} marqueeClassName="h-[19rem]">
+        <InfiniteScroll
+          nDuplications={2}
+          speed={`${props.speed || 300}s`}
+          marqueeClassName={props.marqueeClassName || `h-[38rem]`}
+        >
           {props.images.map((image, index) => {
             return <Image key={index + 'first'} src={image.src} alt={image.alt} />
           })}
diff --git a/devcon/src/pages/road-to-devcon.tsx b/devcon/src/pages/road-to-devcon.tsx
index 4ae687de4..4949a45d7 100644
--- a/devcon/src/pages/road-to-devcon.tsx
+++ b/devcon/src/pages/road-to-devcon.tsx
@@ -653,9 +653,10 @@ const EventsTable = React.memo(({ events, pages }: any) => {
 
 const Gallery = React.memo(() => {
   return (
-    <div id="communities" className="expand py-8 pb-16">
+    <div id="communities" className="expand py-8">
       <Carousel
         speed={150}
+        marqueeClassName="h-[19rem]"
         images={[
           {
             alt: 'Community 1',