From 49510e81ac6fe660ab4fe1613b5d1d3074cf60d2 Mon Sep 17 00:00:00 2001
From: darkicewolf50 <brock.tomlinson@ucalgary.ca>
Date: Wed, 13 Mar 2024 14:23:48 -0600
Subject: [PATCH] header css fixed, uses rem due to image being strange

---
 src/Header/Header.css | 8 ++++++--
 src/Header/Header.js  | 8 +++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Header/Header.css b/src/Header/Header.css
index dd01aa6..9b9e44b 100644
--- a/src/Header/Header.css
+++ b/src/Header/Header.css
@@ -5,9 +5,13 @@ header {
 	margin-top: 0%;
 }
 
-#logo {
-	width: 10%;
+figure {
+	margin: 0px;
 	height: 10%;
+}
+
+#logo {
+	height: 5rem;
 	background-color: white;
 }
 
diff --git a/src/Header/Header.js b/src/Header/Header.js
index b79ab0e..2b2714e 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -37,15 +37,17 @@ const Header = () => {
 	return (
 		<>
 			<header>
-				<div>
+				<figure>
 					<img
 						id="logo"
 						onClick={() => LinkTo("/")}
 						src={logo}
 						alt="Schulich Off-Road's logo"
 					/>
-					<h2>Schulich Offroad</h2>
-				</div>
+					<figcaption>
+						<h2>Schulich Offroad</h2>
+					</figcaption>
+				</figure>
 				<nav>
 					<OpenPageButton
 						pageToGoTo={"/"}