Fixed :Implement Dark Theme and Improve Responsiveness swaraj-das#327

gurramkarthiknetha · Oct 11, 2024 · 7f941f6 · 7f941f6
1 parent a77ce68
commit 7f941f6
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/style.css b/style.css
@@ -10,12 +10,10 @@
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
 }
 .card-header {
-    background-color: #333;
     color: #fff;
     padding: 10px;
     margin-bottom: 15px;
     text-align: center;
-    border-bottom: 1px solid #ddd;
     border-radius: 6px;
     align-items: center;
   }
@@ -113,6 +111,7 @@ button[type="submit"]:hover {
 }
 
 html {
+    overflow-x: hidden;
     overflow-y: scroll;
     scroll-behavior: smooth;
 }
@@ -530,6 +529,7 @@ button:hover img {
 .footer {
     background: #303036;
     color: #d3d3d3;
+    width: 100%;
     padding: 50px 0 0;
     font-family: 'Arial', sans-serif;
 }
@@ -908,6 +908,7 @@ button:hover img {
     .card-body {
         display: flex;
         width: 90%;
+        overflow-x: hidden;
         margin: 20px auto;
         padding: 20px;
         justify-content: space-between; /* Form on the right and image on the left */
@@ -955,8 +956,9 @@ button:hover img {
     }
 
     .footer-bottom {
-        max-width: fit-content;
+        max-width: 100vw;
     }
+
 }
 
 
@@ -1165,18 +1167,17 @@ button:hover img {
     max-width: 800px;
     margin: 40px auto;
     padding: 20px;
-    background-color: #ffffff;
+    background-color: rgb(71,61,61);
     border: 1px solid #ddd;
     border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 2 10px 8px rgba(255, 254, 254, 0.1);
   }
 
   .faq-title {
     text-align: center;
     font-size: 1.8em;
-    color: #333;
+    color: #ffffff;
     margin-bottom: 20px;
-    color: #ff6b6b;
   }
 
   .faq {
@@ -1224,15 +1225,15 @@ button:hover img {
     font-family: Arial, sans-serif;
     margin: 0;
     padding: 0;
-    background-color: white;
+    background-color: rgb(71,61,61);
   }
 
   /* Review Section Container */
   .reviews-container {
     max-width: 800px;
     margin: 40px auto;
     padding: 20px;
-    background-color: #ffffff;
+    background-color:rgb(71,61,61);
     border: 1px solid #ddd;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -1242,7 +1243,7 @@ button:hover img {
   .reviews-title {
     text-align: center;
     font-size: 1.8em;
-    color: #ff6b6b;
+    color: #ffffff;
     margin-bottom: 20px;
   }
 
@@ -1284,3 +1285,8 @@ button:hover img {
     line-height: 1.5; /* Slightly tighter line height */
   }
 
+@media only screen and (max-width: 700px)  {
+    .footer-bottom{
+        width: 1000vw !important;
+    }
+}