Override padding for mobile nav. Minor Responsive changes

SaptarshiSarkar12 · Oct 8, 2022 · 0feb557 · 0feb557
1 parent 7cbd8d7
commit 0feb557
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/Website/responsive-nav.css b/Website/responsive-nav.css
@@ -55,7 +55,7 @@
         display: none;
     }
     .nav-bar {
-        padding: 15px 5vw ;
+        padding: 15px 5vw !important;
         justify-content: space-between !important;
         text-align: center;
     }

diff --git a/Website/style.css b/Website/style.css
@@ -437,6 +437,7 @@ header {
     padding: 2.5rem;
     gap: 28px;
     flex: 1;
+    transition: all 0.3s ease;
 }
 
 .contrib-container:nth-child(1){
@@ -742,11 +743,23 @@ line-height: 1.6 !important;
         padding: 0;
     }
     .contrib-container .content {
-        padding: 1rem 2rem  !important;
+        padding: 1.5rem 2rem  !important;
+        transition: all 0.3s ease;
     }
 
 }
 
+@media screen and (max-width: 864px) {
+    .contrib-container{
+        display: block;
+        padding: 2.5rem 0;
+        transition: all 0.3s ease;
+    }
+    .contrib-container .btn4 {
+       text-align: center;   
+    }
+}
+
 @media screen and (max-width: 1345px) {
     .demo {
         display: flex;