reduced iframe size and added padding to the bottom

Author: QuadAces

frontend/src/pages/contact.tsx

@@ -7,59 +7,66 @@ export default function ContactUs() {
     <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
       <Navbar />
       <section>
-        <p className='text-xl pt-10'>
+        <p className="text-xl pt-10">
           CSESoc is the official representative body of computing students at UNSW. We are here to
           fulfil the social, personal and professional needs of CSE students, and promote computing
           through a variety of forms.
         </p>
         <ul>
           <li>
-            <h3 className='text-2xl font-bold pt-5'>For general enquiries or feedback on our society</h3>
-            <p className='text-xl'>
+            <h3 className="text-2xl font-bold pt-5">
+              For general enquiries or feedback on our society
+            </h3>
+            <p className="text-xl">
               Please email{' '}
               <a className="underline" href="mailto:[email protected]">
                 [email protected]
               </a>
             </p>
           </li>
           <li>
-            <h3 className='text-2xl font-bold pt-5'>For feedback on CSESoc Media</h3>
-            <p className='text-xl'>
+            <h3 className="text-2xl font-bold pt-5">For feedback on CSESoc Media</h3>
+            <p className="text-xl">
               Please email{' '}
               <a className="underline" href="mailto:[email protected]">
                 [email protected]
               </a>
             </p>
           </li>
           <li>
-            <h3 className='text-2xl font-bold pt-5'>For enquiries about sponsorship</h3>
-            <p className='text-xl'>
+            <h3 className="text-2xl font-bold pt-5">For enquiries about sponsorship</h3>
+            <p className="text-xl">
               Please email{' '}
               <a className="underline" href="mailto:[email protected]">
                 [email protected]
               </a>
             </p>
           </li>
           <li>
-            <h3 className='text-2xl font-bold pt-5'>For sharing opportunities with our members</h3>
-            <p className='text-xl'>
+            <h3 className="text-2xl font-bold pt-5">For sharing opportunities with our members</h3>
+            <p className="text-xl">
               Please fill out{' '}
               <a className="underline" href="https://forms.gle/7kk3RRBJbXo3Sip86">
                 this form
               </a>
             </p>
-            <iframe className='w-full h-[80vh]' src='https://forms.gle/7kk3RRBJbXo3Sip86'></iframe>
+            <iframe
+              className="w-1/2 h-[80vh] self-center"
+              src="https://forms.gle/7kk3RRBJbXo3Sip86"
+            ></iframe>
           </li>
         </ul>
       </section>
-      <section className='py-5'>
-        <p className='text-xl'>
+      <section className="py-5">
+        <p className="text-xl">
           And be sure to follow us on social media to be notified of upcoming events and
           opportunities!
         </p>
-    <Contacts/>
+        <div className='pb-40'>
+          <Contacts />
+        </div>
       </section>
-      
+
       <Footer />
     </section>
   );