fix: remove extra margin/padding from herlandCta and Pladges slide

unccd · Aug 18, 2023 · b1f9b1f · b1f9b1f
1 parent 5c04cde
commit b1f9b1f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/slides/HerlandCTA/HerlandCTA.jsx b/src/slides/HerlandCTA/HerlandCTA.jsx
@@ -1,15 +1,15 @@
 import React from "react";
 
 function HerlandCTA() {
-  const pClassName = "mt-6";
+  const pClassName = "md:text-base lg:text-sm mt-6";
   return (
     <section className="panel-inner grid grid-cols-12 items-center   herland-cta">
-      <div className="col-span-12 grid grid-cols-12 gap-4 text-white mt-10 max-sm:mt-12 mb-32 max-sm:mb-50">
+      <div className="col-span-12 grid grid-cols-12 gap-4 text-white mt-10 max-sm:mt-12 lg:mb-10 md:mb-32 max-sm:mb-50">
         <div className="col-span-12">
-          <h2 className="max-sm:text-xl sm:text-2xl md:text-3xl lg:text-3xl xl:text-5xl lg:my-16 md:mt-32">
+          <h2 className="max-sm:text-xl sm:text-2xl md:text-3xl lg:text-3xl xl:text-5xl lg:mt-16 md:mt-32">
             HerLand call to action
           </h2>
-          <h3 className="max-sm:text-base sm:text-2xl md:text-2xl lg:text-2xl xl:text-3xl font-bold max-sm:mt-4 sm:mt-6 md:mt-10 lg:m-0">
+          <h3 className="max-sm:text-base sm:text-2xl md:text-2xl lg:text-xl xl:text-3xl font-bold max-sm:mt-4 sm:mt-6 md:mt-10 lg:m-0">
             Make women's land rights a reality
           </h3>
         </div>

diff --git a/src/slides/Plegdes/Pledges.jsx b/src/slides/Plegdes/Pledges.jsx
@@ -97,9 +97,9 @@ function Pledges() {
 
   return (
     <section className="panel-inner grid grid-cols-12 items-center  bg-white">
-      <div className="col-span-12 grid grid-cols-12 gap-4   mt-10 max-sm:mt-12 mb-32 max-sm:mb-50">
+      <div className="col-span-12 grid grid-cols-12 gap-4 mt-6 max-sm:mt-12 mb-10 max-sm:mb-50">
         <div className="col-span-12">
-          <h2 className="max-sm:text-xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-4xl lg:my-16 md:mt-32">
+          <h2 className="max-sm:text-xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-4xl lg:mt-16 md:mt-32">
             Global leaders call to action on women’s land rights{" "}
           </h2>
           <p className="font-light mt-6 max-sm:text-base sm:text-xl">