From 3f86ddb6f1a0d843313caa2327e2fbf70c22a9f7 Mon Sep 17 00:00:00 2001
From: David Inga <david.inga@vizzuality.com>
Date: Mon, 20 Nov 2023 18:17:28 +0100
Subject: [PATCH] webinnar for different screens

---
 marketing/src/components/modal/constants.ts               | 2 +-
 .../src/containers/methodology/webinar/component.tsx      | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/marketing/src/components/modal/constants.ts b/marketing/src/components/modal/constants.ts
index 2bf75e10d..8f96aa0cd 100644
--- a/marketing/src/components/modal/constants.ts
+++ b/marketing/src/components/modal/constants.ts
@@ -3,7 +3,7 @@ export const COMMON_CONTENT_CLASSES =
 
 export const CONTENT_CLASSES = {
   narrow: `sm:w-4/6 md:w-1/2 lg:w-5/12 xl:w-1/3 ${COMMON_CONTENT_CLASSES}`,
-  default: `sm:w-4/5 md:w-2/3 lg:1/2 xl:w-2/5 ${COMMON_CONTENT_CLASSES}`,
+  default: `sm:w-4/5 md:w-2/3 lg:1/2 xl:w-3/5 ${COMMON_CONTENT_CLASSES}`,
   wide: `sm:w-10/12 md:w-10/12 lg:w-10/12 xl:w-8/12 ${COMMON_CONTENT_CLASSES}`,
 };
 
diff --git a/marketing/src/containers/methodology/webinar/component.tsx b/marketing/src/containers/methodology/webinar/component.tsx
index ba3744766..0106cc51b 100644
--- a/marketing/src/containers/methodology/webinar/component.tsx
+++ b/marketing/src/containers/methodology/webinar/component.tsx
@@ -2,22 +2,22 @@ import { FC } from 'react';
 
 const Webinar: FC = () => (
   <div
-    className="relative max-w-[993px] h-[495px] space-y-12 py-12 px-14 mx-auto text-white bg-blue-900 bg-cover bg-center bg-no-repeat"
+    className="relative w-full max-w-[993px] min-h-[495px] space-y-12 py-12 px-14 mx-auto text-white bg-blue-900 bg-cover bg-center bg-no-repeat"
     style={{
       backgroundImage: 'url(/images/methodology/webinar-bg.png)',
     }}
   >
     <div className="space-y-2">
       <div className="uppercase text-xl font-display font-black">Coming soon</div>
-      <h2 className="uppercase text-[55px] leading-tight font-display font-black">
+      <h2 className="uppercase text-3xl xl:text-[55px] leading-tight font-display font-black">
         5 New, <span className="bg-orange-500 text-blue-900">Open-Access Datasets</span>
         <br /> and our SBTN-Aligned
         <br /> Methodology.
       </h2>
     </div>
-    <div className="flex justify-between items-end">
+    <div className="lg-flex justify-between items-end space-y-4">
       <div className="space-y-4">
-        <p className="text-2xl">Join our webinar to find out more.</p>
+        <p className="text-xl lg:text-2xl">Join our webinar to find out more.</p>
         <div>
           <strong>Date & Time:</strong> Tues 21st Nov | 3pm CEST | 9am ET
         </div>