home responsiveness

schan523 · Dec 2, 2024 · d7a8e1b · d7a8e1b
1 parent 018edf6
commit d7a8e1b
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
@@ -23,6 +23,7 @@
     padding: 15px 20px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     border: 1px solid #dddddd;
+    margin-bottom: 20px;
 }
 
 .heading {
@@ -34,10 +35,12 @@
 }
 
 .image {
-    width: 462px;
-    height: 288px;
+    width: 100%;
+    max-width: 462px;
+    height: auto;
+    max-height: 288px;
     border-radius: 0.5rem;
-    object-fit: contain; /* Scale the image */
+    object-fit: contain;
     background-color: #f8f8f8;
 }
 
@@ -139,6 +142,10 @@ ol li:hover {
     .section-title {
         padding: 2%;
     }
+
+    .donateMessage {
+        font-size: 20px;
+    }
 }
 
 .home-page p {