Update MountU.css

DarielRamirez · Mar 21, 2024 · 3c32310 · 3c32310
1 parent c5b547a
commit 3c32310
Showing 1 changed file with 20 additions and 30 deletions.
diff --git a/MountU.css b/MountU.css
@@ -1,8 +1,10 @@
+/* Add this CSS to styles.css */
+
 /* Resetting default margin and padding */
 * {
     margin: 0;
     padding: 0;
-    box-sizing: border-box;
+    box-sizing: 100px,100px;
 }
 
 /* Body styles */
@@ -51,28 +53,31 @@ nav ul li a {
     color: #000; /* Black text color */
 }
 
-/* Checklist styles */
-ul {
+/* Checklist grid styles */
+.checklist-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-gap: 20px;
     list-style: none;
     padding: 0;
 }
 
-li {
-    margin-bottom: 20px;
-    display: flex;
-    align-items: center;
+.checklist-grid li {
+    text-align: center;
 }
 
-li img {
-    margin-right: 10px;
-    width: 100px;
-    height: 100px;
-    border-radius: 10px; /* Rounded corners */
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Soft shadow */
+.checklist-grid img {
+    width: 100%;
+    max-width: 150px; /* Adjust as needed */
+    height: 150px;
+    border-radius: 10px;
 }
 
-li span {
-    font-size: 18px;
+.checklist-grid h3 {
+    margin-top: 10px;
+    font-size: 16px;
+    font-weight: bold;
+    color: #000; /* Black text color */
 }
 
 /* Button styles */
@@ -97,18 +102,3 @@ footer {
     padding: 20px 0;
     text-align: center;
 }
-
-.social-icons {
-    list-style-type: none;
-    padding: 0;
-}
-
-.social-icons li {
-    display: inline;
-    margin-right: 10px;
-}
-
-.social-icons li img {
-    width: 30px;
-    height: 30px;
-}