diff --git a/Gallary-section/index.html b/Gallary-section/index.html
index a98a5432..06593bbf 100644
--- a/Gallary-section/index.html
+++ b/Gallary-section/index.html
@@ -25,6 +25,7 @@
           <li><a class="nav-link" href="../placement.html">Placements</a></li>
           <li><a class="nav-link" href="../contact.html">Contacts</a></li>
           <li><a class="nav-link" href="../syllabus.html">Syllabus</a></li>
+          <li><a class="nav-link" href="../event.html">Events</a></li>
 
           <li>
             <form id="search-form" action="#" method="GET">
diff --git a/Gallary-section/style.css b/Gallary-section/style.css
index aebfb41f..41c5a6aa 100644
--- a/Gallary-section/style.css
+++ b/Gallary-section/style.css
@@ -63,14 +63,20 @@ body::-webkit-scrollbar-thumb {
   box-shadow: 0px 0px 4px black;
 }
 
+.navbar .logo{
+  display: flex;
+  align-items: center;
+}
 .navbar .logo img {
   margin-top: 25px;
   margin-left: 30px;
 }
 
 .navbar {
-  height: 88px;
-  min-width: 99.35vw;
+  /* height: 88px; */
+  /* min-width: 99.35vw; */
+  height: 100%;
+  width: 100%;
   margin: -15px 0 0 -1px;
   background: #131C2B;
   display: flex;
diff --git a/style.css b/style.css
index 9c994b5c..d26d1683 100644
--- a/style.css
+++ b/style.css
@@ -57,21 +57,24 @@ body::-webkit-scrollbar-thumb {
 .box {
   box-shadow: 0px 0px 4px black;
 }
-
+.navbar .logo{
+  display: flex;
+  align-items: center;
+}
 .navbar .logo img {
   margin-top: 25px;
   margin-left: 30px;
 }
 
 .navbar {
-  height: 88px;
+  height: 100%;
   min-width: 100vw;
   margin: -25px 0 0 0;
   background: #131C2B;
   display: flex;
   justify-content: space-around;
   align-items: normal;
-  position: absolute;
+  position: relative;
   left: 0;
 }
 
@@ -146,12 +149,18 @@ p {
 
 .container {
   max-width: 1300px;
-  margin: auto;
+  /* margin: auto; */
   padding-bottom: 50px;
-  padding-left: 25px;
-  padding-right: 25px;
+  /* padding-left: 25px;
+  padding-right: 25px; */
+  
+  text-align: center;
+  /* padding: 15px; */
+  margin-bottom: 50px;
 }
 
+
+
 .row-header,
 .row-footer {
   display: flex;
@@ -952,11 +961,6 @@ body.dark-mode .project-card {
   padding-top: 20px;
 }
 
-.container {
-  /* text-align: center; */
-  padding: 15px;
-  margin-bottom: 50px;
-}
 
 h3 {
   font-size: 24px;
diff --git a/syllabus.css b/syllabus.css
index 83ed9671..9cd34521 100644
--- a/syllabus.css
+++ b/syllabus.css
@@ -139,7 +139,7 @@ h1  {
     margin-left: .8rem;
     margin-top: 0;
     cursor: pointer;
-    position: absolute;
+    position: relative;
     color: orangered;
     transition: all .25s ease-in;
     border-radius: 1.5rem;
diff --git a/syllabus.html b/syllabus.html
index 5ef179d8..17e65083 100644
--- a/syllabus.html
+++ b/syllabus.html
@@ -51,7 +51,7 @@
     </div>
     <div class="top-container" style="background: radial-gradient(#fff, rgb(255, 191, 191));">
         <div class="row-header" style="overflow: hidden; position: relative;">
-            <img class="syllabus" src="./images/syllabus/syllabus.png" style="opacity: 0.1; position: absolute; left: 50px; top: -90px; width: 90%; height: auto; object-fit: cover;">
+            <img class="syllabus" src="./images/syllabus/syllabus.png" style="opacity: 0.1; left: 50px; top: -90px; width: 90%; height: auto; object-fit: cover;">
             <!-- <div style="overflow: hidden; position: relative;"> -->
                 <div class="para" style="position: relative;">
                     <h1>Syllabus Of <br> Different Colleges</h1>