Merge pull request #143 from adi-exe/main

footer position updated
Kritika30032002 · Mar 13, 2024 · 953ad4a · 953ad4a
2 parents 6d954fa + 6e6a595
commit 953ad4a
Showing 1 changed file with 26 additions and 26 deletions.
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -1,44 +1,43 @@
 body {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-direction: column;
-    min-height: 100vh;
-    background-color: #f4f4f4; /* Set your desired background color */
-    transition:
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: column;
+  min-height: 100vh;
+  background-color: #f4f4f4; /* Set your desired background color */
+  transition:
     background-color 0.5s,
     color 0.5s;
 }
 
 .grid {
-    display: grid;
+  display: grid;
 }
 .grid-columns-3 {
-    grid-template-columns: auto auto auto;
+  grid-template-columns: auto auto auto;
 }
 .gap-1 {
-    gap: 10px;
+  gap: 10px;
 }
 .gap-2 {
-    gap: 20px;
+  gap: 20px;
 }
 .gap-3 {
-    gap: 30px;
+  gap: 30px;
 }
 .gap-4 {
-    gap: 40px;
+  gap: 40px;
 }
 .px-1 {
-    padding-inline: 10px;
+  padding-inline: 10px;
 }
 .px-2 {
-    padding-inline: 20px;
+  padding-inline: 20px;
 }
 .px-3 {
-    padding-inline: 30px;
+  padding-inline: 30px;
 }
 
-
 .nav1 {
   display: flex;
   justify-content: space-between;
@@ -95,10 +94,10 @@ body {
 }
 
 .active-nav-item {
-    color: #1abc9c !important;
-  
-    transition: color 0.5s ease-in-out;
-  }
+  color: #1abc9c !important;
+
+  transition: color 0.5s ease-in-out;
+}
 
 @media (max-width: 746px) {
   .menu {
@@ -130,11 +129,11 @@ body {
   .menu-toggle.show {
     display: block;
   }
-  #toogleicon{
+  #toogleicon {
     position: absolute;
     right: 20px;
   }
-  .navbar-logo{
+  .navbar-logo {
     position: absolute;
     left: 20px;
   }
@@ -191,6 +190,8 @@ body {
 }
 
 .footer {
+  position: fixed;
+  bottom: 0;
   text-align: center;
   padding: 10px;
   width: 100%;
@@ -208,7 +209,7 @@ body {
   color: #fff;
 }
 
-.footer a{
+.footer a {
   margin-left: 10px;
 }
 
@@ -339,7 +340,6 @@ body.dark-mode .moon-icon {
   font-size: 2rem;
 }
 
-
 @media screen and (max-width: 992px) {
   #unorderlist {
     display: none;
@@ -383,4 +383,4 @@ body.dark-mode .moon-icon {
 }
 .contact.dark-mode {
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.36);
-}
+}