Added more content to the traditional and desserts and breakfast menu.

src/App.css

@@ -326,28 +326,33 @@ img {
 }
 
 /* Styling the food menu */
-.menu-section-title {
-  font-size: 40px;
-  color: #F4CE14;
-  text-align: center;
+.foodItem-container {
+  max-width: 500px;
+  margin: 10px;
+  border: 2px solid burlywood;
+  border-radius: 20px;
+  padding: 10px;
 }
 
 .menuItem-title {
   margin: 0;
-  color: #F4CE14;
+  font-size: 20px;
+  color: burlywood;
 }
 
 .foodItem-image {
-  width: 120px;
-  height: 120px;
+  width: 150px;
+  height: 230px;
   margin: 0;
+  border-radius: 20px;
 }
 
 .foodItem-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   margin: 0;
+  border-radius: 20px;
 }
 
 .foodItem-info {
@@ -356,6 +361,10 @@ img {
   align-items: center;
 }
 
+.foodItem-info .foodItem-btn {
+  margin: 10px auto;
+}
+
 .menu {
   margin-left: var(--main-side-margin);
   margin-right: var(--main-side-margin);
@@ -366,17 +375,53 @@ img {
   gap: 20px;
 }
 
+.foodItem-img-des-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.foodItem-img-des hr {
+  height: 1px;
+  background-color: black;
+  border: none;
+}
+
 .foodItem-description {
   width: 300px;
   margin: 0;
 }
 
+.foodItem-img-des .priceAndTitle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
 .foodItem-price h3 {
-  font-size: 30px;
+  font-size: 20px;
+  color: burlywood;
+  margin: 0;
+}
+
+.menu .traditional-menu {
+  margin: 40px auto;
+  max-width: 1100px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
 }
 
 .menu h2 {
   text-align: center;
+  font-family: 'Times New Roman', Times, serif;
+  font-size: 20px;
+}
+
+.dessertsAndBreakfast {
+  margin: 40px auto;
+  max-width: 1100px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
 }
 
 

src/index.css

@@ -16,3 +16,5 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+