From 3c323105a6771f31d72bb69532fec4c7e46dfb12 Mon Sep 17 00:00:00 2001
From: DarielRamirez <164356256+DarielRamirez@users.noreply.github.com>
Date: Thu, 21 Mar 2024 11:12:46 -0400
Subject: [PATCH] Update MountU.css

---
 MountU.css | 50 ++++++++++++++++++++------------------------------
 1 file changed, 20 insertions(+), 30 deletions(-)

diff --git a/MountU.css b/MountU.css
index 08d70f1..24b80e3 100644
--- 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;
-}
\ No newline at end of file