Change in the menu-item section (#513)

##Fixes Issue #456

## Description  
Changes made are:
1. Added few more food tabs
2. Corrected some spelling mistakes
3. Added a horizontal scroll bar for easy access


## Related Issues
None


## Screenshots / videos (if applicable)

![image](https://github.com/user-attachments/assets/bd479dc3-5cbf-4e70-b440-745e5ee05b1c)


## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [X] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [X] I have updated my branch and synced it with project `main` branch
before making this PR
- [X] I have performed a self-review of my code
- [X ] I have tested the changes thoroughly before submitting this pull
request.
- [X] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [x] I have commented my code, particularly in hard-to-understand
areas.

index.html

@@ -646,31 +646,47 @@ <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">"Get r
 
         </div>
 
-        <div class="menu_items">
+        <div class="menu_items" style="overflow-x: auto;">
             <div class="items" data-aos="zoom-in">
-                <img
-                    src="https://www.mumbailive.com/images/media/images/thali_1635502261446jpeg?bg=08394e&crop=5328%2C2991.157894736842%2C0%2C504.42105263157896&fit=crop&fm=webp&h=432.2807017543859&height=4000&w=770&width=5328">
-                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Indian Thali</h3>
-                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Enjoy a thali full of traditional flavours and memotries</p>
+                <img src="https://www.mumbailive.com/images/media/images/thali_1635502261446jpeg?bg=08394e&crop=5328%2C2991.157894736842%2C0%2C504.42105263157896&fit=crop&fm=webp&h=432.2807017543859&height=4000&w=770&width=5328">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Indian Cuisine</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Enjoy a thali full of traditional flavours and memories</p>
             </div>
             <div class="items" data-aos="zoom-in">
-                <img
-                    src="https://imgmediagumlet.lbb.in/media/2018/04/5acf822418a23c0efc21496b_1523548708582.jpg?fm=webp&w=750&h=500&dpr=1">
+                <img src="https://imgmediagumlet.lbb.in/media/2018/04/5acf822418a23c0efc21496b_1523548708582.jpg?fm=webp&w=750&h=500&dpr=1">
                 <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Dessert</h3>
                 <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Complete your meal with mouth watering delicacies</p>
             </div>
-            <div class="items"data-aos="zoom-in">
-                <img
-                    src="https://imgmediagumlet.lbb.in/media/2019/07/5d27585dc18a2b0ed5739eb5_1562859613517.jpg?fm=webp&w=750&h=500&dpr=1">
+            <div class="items" data-aos="zoom-in">
+                <img src="https://imgmediagumlet.lbb.in/media/2019/07/5d27585dc18a2b0ed5739eb5_1562859613517.jpg?fm=webp&w=750&h=500&dpr=1">
                 <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Snacks</h3>
-                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Have a lighter version with deliciouis flavours</p>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Have a lighter version with delicious flavours</p>
             </div>
-            <div class="items"data-aos="zoom-in">
+            <div class="items" data-aos="zoom-in">
                 <img src="https://static.india.com/wp-content/uploads/2017/04/Juices-Delhi.jpg">
                 <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Juices</h3>
                 <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Boost yourself up with fruit extracts</p>
             </div>
-
+            <div class="items" data-aos="zoom-in">
+                <img src="https://media.istockphoto.com/id/1133151212/photo/japanese-dumplings-gyoza-with-pork-meat-and-vegetables.jpg?s=612x612&w=0&k=20&c=vC6GTUDGK6dD5_QHvY1V7fVUdPx-z4TG73DUACR_L5s=">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Chinese Cuisine</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Indulge in the flavours of the Chinese Delights</p>
+            </div>
+            <div class="items" data-aos="zoom-in">
+                <img src="https://i.pinimg.com/236x/80/73/9f/80739fa37818b4739f6667358517176c.jpg">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Mocktails</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Enjoy refreshing mocktails with a subtle kick of booze</p>
+            </div>
+            <div class="items"data-aos="zoom-in">
+                <img src="https://pbs.twimg.com/media/E_g-7ziWQAU685E.jpg">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Italian Cuisine</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Taste some Authentic Italian Culinary Excellence</p>
+            </div>
+            <div class="items"data-aos="zoom-in">
+                <img src="https://media.licdn.com/dms/image/D4D12AQE64GYpirojgA/article-cover_image-shrink_720_1280/0/1678769835024?e=2147483647&v=beta&t=U2YS-nsn9CnwpcglWkS77XgbxIir0FTtBcpSthp9h8g">
+                <h3 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Beverages</h3>
+                <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Grab the cup of joy in a world of chaos</p>
+            </div>
         </div>
     </section>