diff --git a/src/app/views/home/Home.jsx b/src/app/views/home/Home.jsx
index 9957008..1ecccab 100644
--- a/src/app/views/home/Home.jsx
+++ b/src/app/views/home/Home.jsx
@@ -2,7 +2,7 @@ import FAQs from "src/app/components/faqs/FAQs";
import Sponsors from "src/app/components/sponsors/Sponsors";
import Partners from "src/app/components/partners/Partners";
import Speakers from "src/app/components/speakers/speakers";
-import { Footer } from "src/app/components";
+import { Footer, VenusButton } from "src/app/components";
import vh_title from "/assets/images/titles/venushacks.svg";
import about_title from "/assets/images/titles/vh-about.svg";
@@ -27,6 +27,10 @@ const Home = () => {
/>
{VH_DATE}
UC Irvine's largest women-centric hackathon
+
{/* These assets are a background of a div instead of imgs to prevent
diff --git a/src/app/views/home/Home.scss b/src/app/views/home/Home.scss
index f594200..f21b03d 100644
--- a/src/app/views/home/Home.scss
+++ b/src/app/views/home/Home.scss
@@ -69,18 +69,18 @@ body {
width: 45%;
justify-content: space-between;
max-width: 600px;
- transform: translateY(-550px);
+ transform: translateY(-600px);
@media screen and (max-width: $break-medium) {
width: 100%;
max-width: 325px;
- transform: translateY(-400px);
+ transform: translateY(-475px);
}
@media screen and (max-width: $break-small) {
width: 100%;
max-width: 325px;
- transform: translateY(-250px);
+ transform: translateY(-325px);
}
@keyframes floatBoba {
@@ -257,6 +257,7 @@ body {
border-radius: 50px;
border: none;
text-decoration: none;
+ transform: translateY(-190px);
@media screen and (max-width: $break-medium) {
font-size: 16px;
@@ -265,12 +266,17 @@ body {
@media screen and (max-width: $break-small) {
margin-right: 2px;
margin-left: 2px;
+ transform: translateY(-20px);
}
}
.venus-btn:hover {
transition: all 0.2s ease;
- transform: scale(1.08);
+ transform: translateY(-190px) scale(1.08);
+
+ @media screen and (max-width: $break-small) {
+ transform: translateY(-20px) scale(1.08);
+ }
}
} // END #hero-right
} // END HERO