From 3711f728e02682efb3ba06206f0e408bbd63d605 Mon Sep 17 00:00:00 2001 From: Abhishek yadav Date: Wed, 26 Jun 2024 23:27:47 +0530 Subject: [PATCH] Navbar placement fixed --- style.css | 28 ++++++++++++++++++---------- 1 file changed, 18 insertions(+), 10 deletions(-) diff --git a/style.css b/style.css index fe9e245..3992b8f 100644 --- a/style.css +++ b/style.css @@ -23,14 +23,17 @@ body{ } nav { - display: flex; - width: 100%; - padding: 2% 6%; - text-align: center; - justify-content: space-around; - align-items: center; - position: fixed; - background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)); + display: flex; + width: 100%; + padding: 2% 0%; + text-align: center; + justify-content: space-around; + align-items: center; + position: fixed; + top: 0; + left: 0; + z-index: 1000; + background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)); } nav img { @@ -158,7 +161,9 @@ nav .fa-xmark { padding: 30px; } } - +body { + margin-top: 100px; /* Adjust this value to the height of your navigation bar */ +} /* course */ .course { @@ -465,9 +470,10 @@ h3 { /* About us page */ .sub-header { height: 50vh; - width: 100%; + width: 100%; background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url(./eduford_img/background.jpg); background-position: center; + margin-top : 9%; background-size: cover; text-align: center; color: #fff; @@ -482,6 +488,7 @@ h3 { margin: auto; padding-top: 80px; padding-bottom: 50px; + margin-top: 100px; } .about-col { @@ -492,6 +499,7 @@ h3 { .about-col img { width: 100%; + } .about-col h1 {