corrected responsiveness of ContactUs page

Nospoko · Apr 15, 2024 · acb95d2 · acb95d2
1 parent 14b6090
commit acb95d2
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/algrtm/src/app/contactUs/page.js b/algrtm/src/app/contactUs/page.js
@@ -6,8 +6,8 @@ import React from "react";
 
 const ContactUs = () => {
   return (
-    <section className="flex flex-col items-start mt-[2.75rem] md:mt-[4rem] xl:mt-[4.94rem]">
-      <div className="md:flex flex-row flex-column items-center gap-[2.75rem] md:gap-[4rem] px-[1rem] md:px-[2.75rem] xl:px-[12.5rem] w-full">
+    <section className="flex flex-col items-start mt-[2.75rem] md:mt-[4rem] xl:mt-[4.94rem] w-full">
+      <div className="md:flex flex-row flex-column items-center md:items-start gap-[2.75rem] md:gap-[4rem] px-[1rem] md:px-[2.75rem] xl:px-[12.5rem] w-full">
         <ContactDescription />
         <ContactFormContainer />
       </div>

diff --git a/algrtm/src/components/ContactDescription.js b/algrtm/src/components/ContactDescription.js
@@ -3,7 +3,7 @@ import CustomLink from "./shared/CustomLink";
 
 const ContactDescription = () => {
   return (
-    <section className="flex flex-col gap-6 max-w-[22.375rem] w-full">
+    <section className="flex flex-col gap-6 md:max-w-[18.375rem] xl:max-w-[22.375rem] w-full">
       <h2 className=" h4 md:h2SB xl:h2 text-neutralLight-neutral10 leading-[4rem] ">
         Contact
       </h2>

diff --git a/algrtm/src/components/ContactFormContainer.js b/algrtm/src/components/ContactFormContainer.js
@@ -53,7 +53,7 @@ const ContactFormContainer = () => {
   };
 
   return (
-    <section className="text-gray-600 body-font relative">
+    <section className="text-gray-600 body-font relative w-full">
       <div className="w-full">
         <form
           className="w-full flex flex-col self-stretch -m-2"