fix: alignment of contact page as compared to other pages

Author: umairx97

src/pages/contact.jsx

@@ -61,7 +61,7 @@ const Contact = () => {
 						</div>
 					</div>
 
-					<div className="contact-container">
+					<div className="socials-container">
 						<div className="contact-socials">
 							<Socials />
 						</div>

src/pages/styles/contact.css

@@ -20,14 +20,19 @@
 .contact-container {
 	display: flex;
 	flex-direction: column;
-	height: 100%;
-	margin: 0;
-	padding-top: 120px;
+	justify-content: space-around;
+	margin-top: 120px;
+}
+
+
+.socials-container {
+	display: flex;
+	flex-direction: column;
+	margin-top: 80px;
 }
 
 .contact-socials {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-	margin-top: -70px;
 }