diff --git a/components/congressional-app-challenge/screen.js b/components/congressional-app-challenge/screen.js index 79e22666..963d60b3 100644 --- a/components/congressional-app-challenge/screen.js +++ b/components/congressional-app-challenge/screen.js @@ -10,7 +10,7 @@ const Screen = ({ }) => { let color = backgroundImage ? '' : '#fff' let expan = expand2 - ? ['100%', null, null, '68vh'] + ? ['100%', null, null, '58vh'] : expand ? ['100%', null, null, '58vh'] : '58vh' // jank @@ -83,7 +83,7 @@ const Screen = ({ padding: 3, height: expan, backgroundImage: `url(${backgroundImage})`, - backgroundSize: 'cover' + backgroundSize: 'cover', }} > {children} diff --git a/pages/congressional-app-challenge.js b/pages/congressional-app-challenge.js index 9bd0318c..1f8faf64 100644 --- a/pages/congressional-app-challenge.js +++ b/pages/congressional-app-challenge.js @@ -123,7 +123,7 @@ function Page({ carouselCards }) { title="Hack Club - Congressional App Challenge" backgroundImage="https://cloud-qqz8uj8y5-hack-club-bot.vercel.app/027544281748_b641f43479_o-1.jpg" sxProps={{ - height: ['40vh', null, null, '100%'], + height: ['20vh', null, null, '100%'], position: 'relative' }} > @@ -235,6 +235,15 @@ function Page({ carouselCards }) { + + + A chevron + + - + Meet past winners... @@ -613,12 +622,12 @@ function Page({ carouselCards }) { image="https://cloud-6a1c03tuu-hack-club-bot.vercel.app/0img_1754.jpg" /> diff --git a/public/congressional-app-challenge/chevron.svg b/public/congressional-app-challenge/chevron.svg new file mode 100644 index 00000000..b6cf988e --- /dev/null +++ b/public/congressional-app-challenge/chevron.svg @@ -0,0 +1,3 @@ + + +