Update templates/menu.html

templates/menu.html

@@ -27,18 +27,21 @@
     overflow: hidden;
     background-color: #fff;
     margin: auto;
+    display: flex;
+    flex-direction: column;
 }
 
 .menu-image {
-    height: 200px;
-    width: 100%;
-    object-fit: cover;
-    border-radius: 15px 15px 0 0;
+    height: 200px; /* Fixed height */
+    width: 100%; /* Full width of the card */
+    object-fit: cover; /* Ensure the image covers the area and maintains the aspect ratio */
+    border-radius: 15px 15px 0 0; /* Rounded top corners */
 }
 
 .card-title {
     font-size: 1.2rem;
     font-weight: bold;
+    margin: 10px 0;
 }
 
 .card-text {