Update templates/menu.html

templates/menu.html

@@ -244,21 +244,21 @@
     /* Menu item images and card styling */
 .menu-card {
     max-width: 100%;
-    border-radius: 15px;
+    border-radius: 10px;
     overflow: hidden;
     background-color: #fff;
     margin: auto;
 }
 
 .menu-image {
-    height: 200px;
+    height: 100px;
     width: 100%;
     object-fit: cover;
-    border-radius: 15px 15px 0 0;
+    border-radius: 10px 10px 0 0;
 }
 
 .card-body {
-    padding: 15px;
+    padding: 10px;
 }
 
 /* Responsive grid for 3 columns */
@@ -267,15 +267,15 @@
         max-width: 100%;
     }
     .col-md-4 {
-        flex: 0 0 33.3333%; /* Make each card take up 1/3 of the row */
-        max-width: 33.3333%;
+        flex: 0 0 30%; /* Reduced the width of each card */
+        max-width: 30%;
     }
 }
 
 /* Adjusting the appearance of the category and section headers */
 h3 {
     margin-top: 20px;
-    font-size: 1.2rem;
+    font-size: 1.1rem; /* Slightly smaller font size */
     font-weight: bold;
 }