webinnar for different screens

Vizzuality · Nov 20, 2023 · 3f86ddb · 3f86ddb · vercel · Nov 20, 2023
1 parent b04d820
commit 3f86ddb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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>