From 58e2bb4f9df5cbf7b64ae53c6009f2d2c4170241 Mon Sep 17 00:00:00 2001
From: darkicewolf50 <darkicewolf50@gmail.com>
Date: Sat, 26 Jul 2025 14:20:42 -0600
Subject: [PATCH] feat(contact): minor css done

---
 src/Contact/Contact.css | 29 ++++++++++++++++++++++++-----
 src/Contact/Contact.jsx | 26 ++++++++++++++++++++------
 src/Teams/Team.jsx      |  8 ++++----
 3 files changed, 48 insertions(+), 15 deletions(-)

diff --git a/src/Contact/Contact.css b/src/Contact/Contact.css
index 75033e7..ae7bf87 100644
--- a/src/Contact/Contact.css
+++ b/src/Contact/Contact.css
@@ -9,6 +9,10 @@
 	margin: 0px;
 }
 
+#Contact ul li {
+	margin: 1svh 0svw;
+}
+
 #Contact h1,
 #Contact h4,
 #Contact p {
@@ -21,13 +25,14 @@
 	flex-flow: row wrap;
 	align-items: flex-start;
 	row-gap: 2svh;
-	column-gap: 8svw;
+	column-gap: 4svw;
 
 	align-items: center;
 	justify-content: center;
-	background: var(--BajaBlack);
-	color: white;
-	padding: 2svh 0svw;
+	background: white;
+	/* background: var(--BajaBlack); */
+	/* color: white; */
+	padding: 8svh 0svw;
 }
 
 #Contact div:nth-child(2) div:first-child {
@@ -37,6 +42,7 @@
 
 #Contact div:nth-child(2) div:last-child {
 	flex-direction: column;
+
 	margin: 0px;
 	/* margin-left: auto;
 	margin-right: 16svw; */
@@ -44,9 +50,22 @@
 }
 
 #Contact div:nth-child(2) div:last-child h1 {
-	margin: 0px;
+	margin: 2svh 0svw;
 	font-size: 40px;
 	width: inherit;
+	border-bottom: 3px solid var(--BajaBlack);
+}
+
+#Contact div:nth-child(2) h4 {
+	font-weight: normal;
+}
+
+#Contact div:nth-child(2) a h4 {
+	font-weight: bold;
+}
+
+#Contact div:nth-child(2) a:hover {
+	color: var(--BajaRed);
 }
 
 #Contact div:nth-child(2) img {
diff --git a/src/Contact/Contact.jsx b/src/Contact/Contact.jsx
index b98bf5a..b2a52c4 100644
--- a/src/Contact/Contact.jsx
+++ b/src/Contact/Contact.jsx
@@ -34,7 +34,7 @@ export default function Contact() {
 						alt="Team member welding"
 					/>
 				</div> */}
-				<iframe
+				{/* <iframe
 					src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d607.187504916335!2d-114.13152976941713!3d51.080958175926455!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sca!4v1753133943192!5m2!1sen!2sca"
 					title="UCalgary Baja Shop"
 					// width="600"
@@ -42,17 +42,31 @@ export default function Contact() {
 					// style="border:0;"
 					allowfullscreen=""
 					loading="lazy"
-					referrerpolicy="no-referrer-when-downgrade"></iframe>
+					referrerpolicy="no-referrer-when-downgrade"></iframe> */}
+				<div>
+					<img
+						src="https://static.wixstatic.com/media/5824fc_7b1be3e69c074f669945ecdbd23ce4ce~mv2.jpg/v1/fill/w_482,h_1068,fp_0.38_0.50,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/_MG_1822_edited.jpg"
+						alt="Team members bending a tube"
+					/>
+					<img
+						src="https://static.wixstatic.com/media/5824fc_b83d649723274d5aa1455380f96e35c3~mv2.jpg/v1/fill/w_482,h_1068,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/20240203_155632.jpg"
+						alt="Team member filing"
+					/>
+					<img
+						src="https://static.wixstatic.com/media/5824fc_065658fda1d94a7b8b620a7ce43a503d~mv2.jpg/v1/fill/w_482,h_1068,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/_MG_1830_edited.jpg"
+						alt="Team member welding"
+					/>
+				</div>
 				<div>
 					<h1>Hours of Operation</h1>
-					<a href="mailto:uofcbaja@gmail.com">
-						<h4>Send us an email.</h4>
-						<h4>uofcbaja@gmail.com</h4>
-					</a>
 					<ul>
 						<li>Wednesday: 6pm - 8pm</li>
 						<li>Saturday: 10am - 4pm</li>
 					</ul>
+					<h4>Send us an email.</h4>
+					<a href="mailto:uofcbaja@gmail.com">
+						<h4>uofcbaja@gmail.com</h4>
+					</a>
 				</div>
 			</div>
 		</div>
diff --git a/src/Teams/Team.jsx b/src/Teams/Team.jsx
index 2731e67..fce5c27 100644
--- a/src/Teams/Team.jsx
+++ b/src/Teams/Team.jsx
@@ -126,10 +126,6 @@ export default function Team() {
 					</div>
 				</div>
 				<div>
-					<img
-						src="https://picsum.photos/200"
-						alt="chas related"
-					/>
 					<div>
 						<h3>Software</h3>
 						<p>
@@ -138,6 +134,10 @@ export default function Team() {
 							storage system.
 						</p>
 					</div>
+					<img
+						src="https://picsum.photos/200"
+						alt="chas related"
+					/>
 				</div>
 
 				<div>