From ca977a2d80e3d28bae2852ee3c6de57a9769cd53 Mon Sep 17 00:00:00 2001
From: subject026 <subject026@protonmail.com>
Date: Wed, 17 Jan 2024 16:49:45 +0000
Subject: [PATCH] layout tweaks

---
 packages/site-ui/components/Hero/Hero.tsx           | 2 +-
 packages/site-ui/components/InfoCards/InfoCards.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/site-ui/components/Hero/Hero.tsx b/packages/site-ui/components/Hero/Hero.tsx
index aac9526..e0e85b9 100644
--- a/packages/site-ui/components/Hero/Hero.tsx
+++ b/packages/site-ui/components/Hero/Hero.tsx
@@ -26,7 +26,7 @@ export function Hero({ subheading, heading }: THeroProps) {
         <div
           className={classNames(
             pageWrapPadding,
-            "py-t flex max-w-[18rem] flex-col gap-2 sm:max-w-[26rem] md:max-w-[42rem] md:pt-24"
+            "flex max-w-[18rem] flex-col gap-2 pt-6 sm:max-w-[26rem] md:max-w-[42rem] md:pt-20"
           )}
         >
           <HeroTagline>
diff --git a/packages/site-ui/components/InfoCards/InfoCards.tsx b/packages/site-ui/components/InfoCards/InfoCards.tsx
index f2b4d46..5fc4114 100644
--- a/packages/site-ui/components/InfoCards/InfoCards.tsx
+++ b/packages/site-ui/components/InfoCards/InfoCards.tsx
@@ -217,7 +217,7 @@ export function InfoCards() {
           </svg>
         </div>
 
-        <div className="col-span-1 col-start-2 row-span-1 row-start-2">
+        <div className="col-span-3 col-start-1 row-span-1 row-start-2 md:col-span-1 md:col-start-2">
           <InfoCard key={`infocard_${0}`}>
             <div className="absolute left-0 top-0 md:hidden">
               <svg
@@ -262,7 +262,7 @@ export function InfoCards() {
           </InfoCard>
         </div>
 
-        <div className="col-span-1 col-start-2 row-span-1 row-start-4 md:col-start-4 md:row-start-2">
+        <div className="col-span-3 col-start-1 row-span-1 row-start-4 md:col-span-1 md:col-start-4 md:row-start-2">
           <InfoCard key={`infocard_${1}`}>
             {/* <BackgroundSVG /> */}
             <InfoCardIcon>{infoCards[1].icon}</InfoCardIcon>
@@ -273,7 +273,7 @@ export function InfoCards() {
           </InfoCard>
         </div>
 
-        <div className="col-span-1 col-start-2 row-span-1 row-start-6 md:col-start-6 md:row-start-2">
+        <div className="col-span-3 col-start-1 row-span-1 row-start-6 md:col-span-1 md:col-start-6 md:row-start-2">
           <InfoCard key={`infocard_${2}`}>
             <div className="absolute bottom-0 right-0 md:hidden">
               <svg