Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-15 13:24:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

header css fixed, uses rem due to image being strange

Browse Source
This commit is contained in:
darkicewolf50 2024-03-13 14:23:48 -06:00
parent 2be1d7f6ea
commit 49510e81ac
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/Header/Header.css
View File

@ -5,9 +5,13 @@ header {
margin-top: 0%; margin-top: 0%;
} }
#logo { figure {
width: 10%; margin: 0px;
height: 10%; height: 10%;
}
#logo {
height: 5rem;
background-color: white; background-color: white;
} }

8
src/Header/Header.js
View File

@ -37,15 +37,17 @@ const Header = () => {
return ( return (
<> <>
<header> <header>
<div> <figure>
<img <img
id="logo" id="logo"
onClick={() => LinkTo("/")} onClick={() => LinkTo("/")}
src={logo} src={logo}
alt="Schulich Off-Road's logo" alt="Schulich Off-Road's logo"
/> />
<h2>Schulich Offroad</h2> <figcaption>
</div> <h2>Schulich Offroad</h2>
</figcaption>
</figure>
<nav> <nav>
<OpenPageButton <OpenPageButton
pageToGoTo={"/"} pageToGoTo={"/"}