From ab68d24c64dc236c3ac0bf8ea04263b3845ed267 Mon Sep 17 00:00:00 2001 From: Anna Isaacks Date: Mon, 13 Jan 2025 14:27:26 -0600 Subject: [PATCH 1/9] Update to padding and margins for the carousel cards for responsiveness --- .../src/components/modules/Home/Sections/Carousel.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/website/src/components/modules/Home/Sections/Carousel.tsx b/apps/website/src/components/modules/Home/Sections/Carousel.tsx index 9206143fa..cab44106f 100644 --- a/apps/website/src/components/modules/Home/Sections/Carousel.tsx +++ b/apps/website/src/components/modules/Home/Sections/Carousel.tsx @@ -42,7 +42,7 @@ const TestimonialCarousel = () => {
{/* Main carousel container */} -
+
{ index % 2 === 1 ? 'bg-teal-900 border-teal-500' : 'bg-orange-900 border-orange-500' - } rounded-3xl p-12 h-full border-4 flex align-center items-center justify-center`} + } rounded-3xl px-8 py-4 lg:pb-12 lg:pt-16 lg-px-10 h-full border-4 flex align-center items-center justify-center`} >
-

+

{testimonial.content}

@@ -87,8 +87,8 @@ const TestimonialCarousel = () => {
- - + +
From 303864dc234a9bc305f883a88f46898d50ff86ca Mon Sep 17 00:00:00 2001 From: Anna Isaacks Date: Mon, 13 Jan 2025 14:33:37 -0600 Subject: [PATCH 2/9] Update to the styles object for the homepage ( Hero heading, Heading and Subheading for responsiveness) --- apps/website/src/components/modules/Home/styles.js | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/apps/website/src/components/modules/Home/styles.js b/apps/website/src/components/modules/Home/styles.js index 0365e88f0..b854c85ac 100644 --- a/apps/website/src/components/modules/Home/styles.js +++ b/apps/website/src/components/modules/Home/styles.js @@ -22,12 +22,10 @@ export const styles = { 'flex flex-col items-center justify-center w-full text-center max-w-screen-xl ', headerHero: 'flex flex-col items-center justify-center w-full max-w-6xl text-center pt-6 pb-4', - heading: 'text-6xl font-bold text-center leading-relaxed pb-4', - headingHero: { - className: - 'font-bold max-w-5xl text-center align-center border-none border-0 m-0 pt-0 pb-4', - style: { fontSize: '4.25rem' }, - }, + heading: + 'text-4xl lg:text-6xl leading-tight font-bold text-center max-w-7xl pb-4', + headingHero: + 'font-bold max-w-4xl text-5xl lg:text-7xl leading-tight text-center align-center border-none border-0 m-0 pt-0 pb-4', label: 'text-lg text-center uppercase text-gray-400 mx-auto font-normal min-w-full', logoContainer: @@ -39,6 +37,6 @@ export const styles = { stackLogo: 'flex items-center justify-center gap-4 p-4 rounded-lg transition-colors', subHeading: - 'text-xl pb-2 text-center text-gray-500 max-w-3xl mx-auto font-normal', + 'text-base md:text-lg lg:text-xl pb-2 pt-4 text-center leading-relaxed text-gray-500 max-w-3xl mx-auto font-normal', }, }; From eb2630592c65390bc45f9048fea11dd2ddc184c6 Mon Sep 17 00:00:00 2001 From: Anna Isaacks Date: Mon, 13 Jan 2025 14:34:24 -0600 Subject: [PATCH 3/9] Updates to Footer for mobile responsiveness --- .../components/organisms/Footer/Footer.jsx | 29 +++++++++---------- 1 file changed, 14 insertions(+), 15 deletions(-) diff --git a/packages/UI/src/components/organisms/Footer/Footer.jsx b/packages/UI/src/components/organisms/Footer/Footer.jsx index ed2364fab..f63237d16 100644 --- a/packages/UI/src/components/organisms/Footer/Footer.jsx +++ b/packages/UI/src/components/organisms/Footer/Footer.jsx @@ -3,12 +3,12 @@ import logo from '../../../assets/images/logo-monogram.png'; const Footer = () => { return ( -