fix: spacing in award page

tolocar-project · Dec 19, 2023 · b5149a0 · b5149a0
1 parent 97f4d60
commit b5149a0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/en/makersinnovationaward.mdx b/src/pages/en/makersinnovationaward.mdx
@@ -34,7 +34,7 @@ import { ReactComponent as SubmitImage } from "@assets/award/submit-ideas.svg";
   </div>
 </div>
 
-<div class="container-width grid grid-cols-12 gap-8 py-8 md:py-24">
+<div class="container-width grid grid-cols-12 p-0 md:py-24">
   <Timeline className="col-span-12 w-full" />
 </div>
 
@@ -62,7 +62,7 @@ import { ReactComponent as SubmitImage } from "@assets/award/submit-ideas.svg";
 </div>
 
 <div class="bg-tolo-green w-full text-white">
-  <div class="container-width grid grid-cols-1 md:grid-cols-12 gap-x-16 gap-y-24 py-8 md:py-24">
+  <div class="container-width grid grid-cols-1 md:grid-cols-12 gap-x-16 gap-y-2 md:gap-y-24 py-8 md:py-24">
     <div class="col-span-1 md:col-span-5 flex items-center justify-center"><SubmitImage /></div>
     <div class="col-span-1 md:col-span-7 font-semibold font-aktiv text-2xl">
       <p class="mb-8">Final project Application will be open from January 9th until February 9th.<br/><br/>
@@ -126,4 +126,4 @@ import { ReactComponent as SubmitImage } from "@assets/award/submit-ideas.svg";
   </div>
 </div>
 
-<WideCard bg={4} className="mt-16"><div className="text-white px-10 py-20 flex h-full items-center justify-between"><h4 className="text-[2.5rem]/[1.2] font-aktiv font-semibold w-2/3 md:max-w-[50%] z-10">Join us in shaping a brighter future for Ukraine through your inventive solutions!</h4><img className="absolute right-0 h-[120%] w-auto z-0" src="bulb-cog-dark.svg" /></div></WideCard>
+<WideCard bg={4} className="mt-16"><div className="text-white py-10 px-6 md:px-10 md:py-20 flex h-full items-center justify-between"><h4 className="text-xl md:text-[2.5rem]/[1.2] font-aktiv font-semibold w-full md:max-w-[50%] z-10">Join us in shaping a brighter future for Ukraine through your inventive solutions!</h4><img className="absolute right-0 h-[120%] w-auto z-0" src="bulb-cog-dark.svg" /></div></WideCard>
diff --git a/src/pages/ua/makersinnovationaward.mdx b/src/pages/ua/makersinnovationaward.mdx
@@ -32,7 +32,7 @@ import { ReactComponent as SubmitImageUa } from "@assets/award/submit-ideas-ua.s
   </div>
 </div>
 
-<div class="container-width grid grid-cols-12 gap-8 py-8 md:py-24">
+<div class="container-width grid grid-cols-12 p-0 md:py-24">
   <TimelineUa className="col-span-12 w-full" />
 </div>
 
@@ -58,7 +58,7 @@ import { ReactComponent as SubmitImageUa } from "@assets/award/submit-ideas-ua.s
 </div>
 
 <div class="bg-tolo-green w-full text-white">
-  <div class="container-width grid grid-cols-1 md:grid-cols-12 gap-x-16 gap-y-24 py-8 md:py-24">
+  <div class="container-width grid grid-cols-1 md:grid-cols-12 gap-x-16 gap-y-2 md:gap-y-24 py-8 md:py-24">
     <div class="col-span-1 md:col-span-5 flex items-center justify-center"><SubmitImageUa /></div>
     <div class="col-span-1 md:col-span-7 font-semibold font-aktiv text-2xl">
       <p class="mb-8">Прийом заявок на участь у фінальному відборі буде відкрито з 09 січня до 09 лютого 2024 року.<br/><br/>
@@ -122,4 +122,4 @@ import { ReactComponent as SubmitImageUa } from "@assets/award/submit-ideas-ua.s
   </div>
 </div>
 
-<WideCard bg={4} className="mt-16"><div className="text-white px-10 py-20 flex h-full items-center justify-between"><h4 className="text-[2.5rem]/[1.2] font-aktiv font-semibold w-2/3 md:max-w-[50%] z-10">Приєднуйтесь до нас у формуванні світлого майбутнього для України через ваші винахідницькі рішення!</h4><img className="absolute right-0 h-[120%] w-auto z-0" src="bulb-cog-dark.svg" /></div></WideCard>
+<WideCard bg={4} className="mt-16"><div className="text-white py-10 px-6 md:px-10 md:py-20 flex h-full items-center justify-between"><h4 className="text-xl md:text-[2.5rem]/[1.2] font-aktiv font-semibold w-full md:max-w-[50%] z-10">Приєднуйтесь до нас у формуванні світлого майбутнього для України через ваші винахідницькі рішення!</h4><img className="absolute right-0 h-[120%] w-auto z-0" src="bulb-cog-dark.svg" /></div></WideCard>