Nav Postition Sticky

aanafiu · Jul 11, 2024 · 6156aea · 6156aea
1 parent 67552db
commit 6156aea
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/style/style.css b/style/style.css
@@ -16,10 +16,11 @@
 header{
     width: 100%;
     /* height: 100px; */
-    /* background-color: aqua; */
+    background-color: rgba(255, 255, 255, 0.568);
     margin: 0 auto;
-
-    padding: 20px 0;
+    position: sticky;
+    top: 0px;
+    padding: 10px 0;
 
 
 }
@@ -61,6 +62,7 @@ nav{
     transition: all 0.2s linear;
 }
 
+/* Banner */
 .banner{
     /* background-color: blue; */
     height: 100vh ;
@@ -73,6 +75,8 @@ nav{
     display: flex;
     justify-content: center;
     text-align: center;
+    /* position: relative; */
+    padding: 40px 0;
 }
 
 .banner-flex{
@@ -82,6 +86,7 @@ nav{
     align-items: center; 
     /* margin: 0 10% ; */
     width: 1000px;
+    /* position: absolute; */
 }
 .boy-logo{
     width:250px;