diff --git a/src/Home/Home.css b/src/Home/Home.css index 3bdd49d..6deaf2a 100644 --- a/src/Home/Home.css +++ b/src/Home/Home.css @@ -35,18 +35,29 @@ /* #HomeTop div h2 { } */ +.HomePageLayout { + margin-left: auto; + margin-right: auto; + width: 70svw; + margin-top: 2svh; +} + .HomePageLayout div { display: flex; padding-top: 2.5svh; padding-bottom: 2.5svh; - margin-left: 15svh; - margin-right: 15svh; + column-gap: 4svw; } .HomePageLayout img { /* height: 5svh; width: 5svw; */ - flex-grow: 1; + /* flex-grow: 1; */ + border-radius: 1rem; + width: 50%; + height: 55svh; + margin-top: auto; + /* margin: auto 0px; */ } .HomePageLayout a { @@ -54,23 +65,41 @@ color: inherit; border: solid 2px black; + border-radius: 1rem; padding: 10px; - + margin: 0svh 8svw; + font-size: large; + text-decoration: none; text-align: center; + margin-top: 2svh; +} + +.HomePageLayout a:hover { + background-color: grey; } .HomePageLayout h2 { border-bottom: solid 3px black; - padding-left: 2svw; + /* padding-left: 2svw; */ + padding-bottom: 0.5svh; + font-size: 36px; /* margin-left: 2svw; */ /* margin-right: 2svw; */ + /* margin: 0px; */ + margin-bottom: 2svh; +} + +.HomePageLayout p { + padding: 0px; + margin: 1svh 0svw; + font-size: larger; } .HomePageLayout div div { display: flex; flex-direction: column; width: 50%; - justify-content: space-between; + /* justify-content: space-between; */ padding: 0px; } @@ -89,6 +118,11 @@ border: solid 2px black; padding: 30px; + margin-top: 4svh; +} + +#HomeSponsors h2 { + margin-top: 0px; } #HomeSponsors div { @@ -98,11 +132,32 @@ #HomeSponsors div div { display: flex; flex-direction: row; + flex-wrap: wrap; width: inherit; - justify-content: space-around; + justify-content: center; padding: 0px; + row-gap: 2svh; + column-gap: 6svw; +} + +#HomeSponsors div div div { + display: flex; + flex-direction: column; + row-gap: 0px; + /* justify-content: center; */ + align-items: center; + text-align: center; +} + +#HomeSponsors div div div img { + width: 13svw; + height: 13svh; +} + +#HomeSponsors div div div h3 { + margin: 1svh 0svw; } #HomeSponsorLinks { @@ -110,11 +165,17 @@ flex-direction: row; width: inherit; - justify-content: space-around; - background-color: aqua; + justify-content: center; + padding-top: 2svh; } #HomeSponsorLinks a { - padding-left: 5svw; - padding-right: 5svw; + margin-top: auto; + padding: 1svh 4svw; + /* padding-left: 5svw; */ + /* padding-right: 5svw; */ + margin: 0px 2svw; + width: 8svw; + text-wrap: nowrap; + text-align: center; } diff --git a/src/Home/Home.jsx b/src/Home/Home.jsx index 515ee4f..3f21715 100644 --- a/src/Home/Home.jsx +++ b/src/Home/Home.jsx @@ -24,44 +24,41 @@ export default function Home() { alt="the team?" />
UCalgary Baja is a student organization which designs, builds, and - racing an off-road vehicle in the Baja SAE intercollegiate - competition organized by the Society of Automotive Engineers (SAE) - every year. Schulich Off-Road's cars are tough, dependable, - competitive, and extremely fun to drive. + racing an off-road vehicle in the Baja SAE competition organized + by the Society of Automotive Engineers (SAE) every year. Schulich + Off-Road's cars are tough, dependable, competitive, and extremely + fun to drive.
- UCalgary Baja is a team consisting of talented and determined - competitive individuals in engineering who strive to expand their - horizons, earn experience, and network with leading companies in - their respective fields. Our members achieve this by being a part - of one of our 6 sub-teams: Drivetrain, Logistics and Software, - Suspension, Chassis and Ergonomics, Steering, and Electrical and - Testing. + In UCalgary Baja, we gain practical experience in design and + manufacturing by constructing various car components. We learn to + balance cost, manufacturing limitations, and performance to + develop optimal parts, budgets, and processes. This involves using + CAD technology like SolidWorks and FEA simulations.
Learn More- Students involved in UCalgary Baja gain practical experience in - design and manufacturing by constructing various car components. - They learn to balance cost, manufacturing limitations, and - performance to develop optimal parts, budgets, and processes. This - involves using CAD technology like SolidWorks and FEA simulations. + We are a team of engineering and business students who strive to + expand our horizons in our respective fields by getting real + world, hands on experience. Our members achieve this by being a + part of one of our 9 sub-teams: Suspension, Chassis, Ergonomics, + Steering, Powertrain, Final Drive, Electrical, Software, and + Business.
- Additionally, members acquire hands-on skills such as welding and - operating metal cutting machines. Each team member handles a - specific component, collaborating, researching, and - troubleshooting throughout the design and execution process. After - building the vehicle, students can attend competitions worldwide, - where they must address issues promptly and work as a team to - replace broken parts to stay competitive. + Each subteam handles a specific component, collaborating, + researching, and troubleshooting throughout the design process. + After building the vehicle, we attend competitions in the United + States, where our hard work is put to the test against the other + teams from all across the world.
Learn More {/* Replace with Join later*/} @@ -75,14 +72,27 @@ export default function Home() {Sponsor 1
-Sponsor 2
-Sponsor 3
-Sponsor 4
-Sponsor 5
-Sponsor 6
+