layout tweaks

BreadchainCoop · Jan 17, 2024 · ca977a2 · ca977a2
1 parent 6ae91d6
commit ca977a2
Show file tree

Hide file tree

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