Finished Contact Us Page. Just have Home and About Us Page left.

CommuniCare1 · Nov 1, 2024 · 3a1d940 · 3a1d940
1 parent 1f4b415
commit 3a1d940
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/contact.css b/contact.css
@@ -59,11 +59,13 @@ button{
 
 .contact-box{
     display: flex;
+    margin-right: 10px;
 }
 .contact-left{
     flex-basis: 60%;
-    padding: 4px 60px;
+    padding: 40px 60px;
     flex-wrap: column;
+    margin-left: 50px;
 }
 .contact-left h3{
     color: #315A20;
@@ -94,6 +96,9 @@ button{
     color:rgba(202, 228, 197, 1);
     width:420px;
     height: 115px;
+    width: 70%;
+    margin-top: 50px;
+
 }
 .contact-left button p {
     position: relative;
@@ -107,9 +112,6 @@ button{
     color:rgba(202, 228, 197, 1);
 }
 
-.contact-left button {
-    width: 70%;
-}
 #mailicon{
     position: relative;
     top:0px;
@@ -182,7 +184,7 @@ textarea{
     position:relative;
     font-size: 20px;
     width:200px;
-    top:-40px;
+    top:-20px;
     left:-60px;
 }
 .contact-right button:hover {
@@ -201,8 +203,8 @@ textarea{
     background: #083358;
 }
 .join-left{
-    flex-basis: 60%;
-    padding: 40px 180px;
+    flex-basis: 80%;
+    padding: 40px 200px;
 }
 .join-left h3{
     color: #FFFFFF;
@@ -236,7 +238,7 @@ textarea{
     width:200px;
     font-size: 20px;
     transform: scale(1.25);
-    margin: 160px 0px;
+    margin: 120px -70px;
 }
 .join-right button:hover {
     background-color:inherit;
@@ -258,7 +260,7 @@ textarea{
         margin-top:150px;
         width: 100%;
     }
-    
+
     .contact-left, .contact-right {
         position:relative;
         padding: 50px;
@@ -273,7 +275,7 @@ textarea{
         align-items: center;
         justify-content: center;
     }
-    
+
     .contact-container h1, .contact-container img {
         font-size: 60px;
         line-height: 100px;
@@ -300,12 +302,12 @@ textarea{
         top:-50px;
         left:50px;
     }
-    
+
     .contact-right button {
         position:relative;
         left: 20px;
         top: -10px;
-        
+
     }
     .contact-left button {
         font-size: 18px;
@@ -325,8 +327,8 @@ textarea{
         top:-95px;
     }
     input, textarea {
-        width: 89%; 
-        margin: 10px auto; 
+        width: 89%;
+        margin: 10px auto;
         padding: 40px;
         border: 2px solid #1C3312;
         border-radius: 25px;
@@ -353,8 +355,8 @@ textarea{
         width: 90%;
         left: -50px
 
-    } 
-    
+    }
+
 }
 
 @media screen and (max-width: 768px) {
@@ -390,7 +392,7 @@ textarea{
     .contact-left h3, .join-left h3 {
         font-size: 35px;
         line-height: 45px;
-        text-align: center;     
+        text-align: center;
     }
     .contact-left h4, .join-left h4 {
         font-size: 20px;
@@ -444,7 +446,7 @@ textarea{
         align-items: center;
         justify-content: center;
     }
-    
+
     .contact-container img{
         position: relative;
         width: 89px;
@@ -472,7 +474,7 @@ textarea{
         left: 25px;
 
     }
-    
+
     .contact-left h4, .join-left h4 {
         font-size: 18px;
         line-height: 18px;
@@ -521,7 +523,7 @@ textarea{
         position: relative;
     }
     .contact-left button a {
-        font-size: 14.09px; 
+        font-size: 14.09px;
     }
 }