Made neccessary coprections for the navbar and the hero section

devalentineomonya · Mar 13, 2024 · e6dd05b · e6dd05b
1 parent df03db3
commit e6dd05b
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 37 deletions.
diff --git a/src/components/Hero/hero.css b/src/components/Hero/hero.css
@@ -1,5 +1,3 @@
-
-
 .hero-section {
     top: -100px;
     z-index: 1;
@@ -10,32 +8,32 @@
     color: #fff;
     position: relative;
     background-repeat: no-repeat;
-    
+
 }
+
 @keyframes zoomBackground {
     0% {
-        background-size: 110%;
+        background-size: 105%;
     }
 
     50% {
-        background-size: 105%;
+        background-size: 102.5%;
     }
 
     100% {
         background-size: 100%;
     }
 }
 
-/* .hero-section::before {
+.hero-section::before {
     position: absolute;
     content: "";
-    height: 40vh;
+    height: 50px;
     width: 100%;
     background-color: var(--color-white);
-    bottom: 0;
-    clip-path: polygon(88.64% 86.17%, 100% 22.77%, 100% 103.08%, 0% 107.05%, 0.00% -11.79%);
-
-} */
+    bottom: -50px;
+    transform: skewY(-3deg);
+}
 
 .hero-text-container {
     display: flex;
@@ -45,7 +43,8 @@
     position: relative;
     top: -40px;
 }
-.hero-text-container p{
+
+.hero-text-container p {
     display: flex;
     column-gap: 20px;
     text-align: center;
@@ -71,7 +70,6 @@
 }
 
 .hero-text-container a {
-
     padding: 18px 25px;
     background-color: var(--color-primary);
     text-decoration: none;
@@ -84,15 +82,6 @@
     .hero-text-container h1 {
         font-size: 80px;
     }
-
-    .hero-section::before {
-        height: 30vh;
-        clip-path: polygon(72.14% 68.07%, 100% 22.77%, 100% 103.08%, 0% 107.05%, 0% -11.79%);
-    }
-    .hero-section{
-        background-repeat: no-repeat;
-        height: calc(80vh + 160px);
-    }
 }
 
 
@@ -109,16 +98,9 @@
         column-gap: 10px;
     }
 
-    .hero-section::before {
-        height: 10vh;
-        clip-path: polygon(81.30% 94.74%, 100% 22.77%, 100% 103.08%, 0% 107.05%, 0% 25.35%);
-    }
-    .hero-section{
-        background-repeat: no-repeat;
-        height: calc(35vh + 160px);
-    }
+
     .hero-text-container {
-        top:30px;
+        top: 30px;
     }
 }
 
@@ -139,5 +121,5 @@
     .hero-text-container a {
         padding: 18px 10px;
     }
-   
+
 }
diff --git a/src/components/NavBar/navbar.css b/src/components/NavBar/navbar.css
@@ -85,7 +85,7 @@
 .nav-hamburger-container {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: flex-end;
     height: 100%;
     position: relative;
 }
@@ -103,15 +103,15 @@
 .nav-hamburger span {
     background-color: var(--color-silver);
     height: 2px;
-    width: 50px;
+    width: 45px;
     display: block;
     transition: 0.3s;
 }
 
 .nav-hamburger span:nth-child(2) {
-    transform: translateX(20px);
-    margin: 18px 0;
-    width: 25px;
+    transform: translateX(24px);
+    margin: 15px 0;
+    width: 20px;
     align-self: flex-end;
 }