fix(contact): minor fix for mobile style (#100)

compsci-adl · Feb 24, 2024 · 3da5c9e · 3da5c9e
1 parent 97c5c2a
commit 3da5c9e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/app/contact/Form.tsx b/src/app/contact/Form.tsx
@@ -13,7 +13,7 @@ export default function Form({ className }: { className?: string }) {
 
     return (
         <div className={`${className} relative`}>
-            <div className="absolute right-[25px] top-[-48px] gap-6 md:flex">
+            <div className="absolute right-[25px] top-[-48px] hidden gap-6 md:flex">
                 <Duck colour="white" />
                 <Duck colour="white" />
             </div>

diff --git a/src/app/contact/Sponsorship.tsx b/src/app/contact/Sponsorship.tsx
@@ -5,7 +5,7 @@ import Image from 'next/image';
 export default function Sponsorship({ className }: { className?: string }) {
     return (
         <div className={`${className} space-y-6`}>
-            <div className="flex items-center justify-between">
+            <div className="flex items-center justify-center md:justify-between">
                 <FancyRectangle colour="orange" offset="8" filled={false}>
                     <div className="w-fit bg-orange p-2">
                         <h2 className="text-2xl font-bold text-grey md:text-4xl">
@@ -18,7 +18,7 @@ export default function Sponsorship({ className }: { className?: string }) {
                     alt="Crosses"
                     height={80}
                     width={237}
-                    className="w-1/3 md:w-fit"
+                    className="hidden w-1/3 md:block md:w-fit"
                 />
             </div>
             <Paragraph>