From c277d00b708da6c2b38f8c172cb86b5d6aa250de Mon Sep 17 00:00:00 2001 From: System-x64 Date: Tue, 27 Sep 2022 23:02:16 +0530 Subject: [PATCH] fixed some alignment bugs --- public/css/home.css | 68 +++++++++++++++++++++++++++++++++++++-------- views/home.ejs | 5 ++-- 2 files changed, 58 insertions(+), 15 deletions(-) diff --git a/public/css/home.css b/public/css/home.css index 71fc077..df869c5 100644 --- a/public/css/home.css +++ b/public/css/home.css @@ -40,13 +40,14 @@ header { .logo { margin-right: auto; - - + margin-left: 40px; } .logo img { - width: 240px; + width: 190px; height: auto; + padding-top: 20px; + padding-right: 10px; } .nav__links { @@ -77,7 +78,7 @@ header { .cta { margin-left: 20px; - padding: 9px 25px; + padding: 16px 25px; background-color: aquamarine; border: none; cursor: pointer; @@ -149,7 +150,7 @@ header { width: 200px; height: 50px; background-color: aquamarine; - margin-top: 20px; + margin-top: 45px; transition: all 0.5s ease; } @@ -157,7 +158,7 @@ header { text-align: center; color:#1a1a2e; background-color: aquamarine; - padding-top: 10px; + padding-top: 1rem; } #install-hypr { @@ -469,19 +470,20 @@ header { width: 100%; height: 300px; } -.get-started { +/* .get-started { font-family: 'JosefinSans-Regular'; font-size: 34px; color: #cfe8f6; padding-left: 10%; + padding-right: 10%; } .get-started a div { color: #1a1a2e; font-size: 24px; font-family: "Sofia-Pro-Medium"; - padding: 15px 60px; - margin-left: 30px; + padding: 15px 60px;; + margin-right: 40%; margin-top: 40px; margin-bottom: 100px; width: 300px; @@ -490,11 +492,39 @@ header { } .get-started a { text-decoration: none; -} - +} */ +/* .get-started a div:hover { transform: scale(1.2); +} */ + + + + +#get-started-button { + width: 330px; + background-color: aquamarine; + padding: 20px 80px; + margin-left: 39%; + margin-bottom: 160px; + transition: all 0.5s ease; } + +#get-started-button:hover { + transform: scale(1.2); +} + + + +#get-started-button a{ + color: #1a1a2e; + background-color: aquamarine; + text-decoration: none; + font-family: "Sofia-Pro-Medium"; + font-size: 22px; +} + + footer { font-family: 'Sofia-Pro-Light'; display: flex; @@ -663,6 +693,16 @@ footer a:hover { .footer-text { max-width: 250px; } + #get-started-button { + margin-left: auto; + margin-right: auto; + margin-bottom: 80px; + + } + .get-started { + margin-top: 80px; + + } } @@ -671,9 +711,11 @@ footer a:hover { padding-left: 5px; } .logo img { - width: 180px; + width: 160px; height: auto; } + + .swiper-slide img { width: 384px; height: auto; @@ -737,6 +779,8 @@ footer a:hover { .footer-icons { margin-left: 20%; } + + } diff --git a/views/home.ejs b/views/home.ejs index d399496..ecfc87a 100644 --- a/views/home.ejs +++ b/views/home.ejs @@ -15,7 +15,7 @@
- +