From 3f2ecf8e28603009164ff0ba7e41318872a973b9 Mon Sep 17 00:00:00 2001
From: aman5062 <aman9122701848@gmail.com>
Date: Mon, 2 Oct 2023 13:35:29 +0530
Subject: [PATCH] I have Sorted some of the responsivness issues

---
 MOMOMIA/index.html | 121 ++++++++++++++++++++++-----------------------
 MOMOMIA/styles.css |  36 ++++++++++++--
 2 files changed, 90 insertions(+), 67 deletions(-)

diff --git a/MOMOMIA/index.html b/MOMOMIA/index.html
index 09db87a..8d196e0 100644
--- a/MOMOMIA/index.html
+++ b/MOMOMIA/index.html
@@ -106,20 +106,15 @@
               <a class="nav-link px-4" href="contactus.html">Contact Us</a>
             </li>
           </ul>
-        </div>
-        <span
-          class="shoppingCart"
-          data-toggle="modal"
-          data-target="#exampleModal"
-        >
-          <i class="fas fa-shopping-cart"></i>
-          <span class="shoppingCartAfter">0</span>
-        </span>
+        </div> <div id="shoppingclass">
+        <i class="fas fa-shopping-cart" id="cart"></i>
+        <span class="shoppingCartAfter" id="zero">0</span>
+       </div>
       </div>
     </nav>
 
     <a id="scrollToTop" class="btn"><i class="fas fa-caret-up"></i></a>
-
+<div id="main">
     <div class="container home-container">
       <section id="homeSection" class="d-flex justify-content-center">
         <div class="row homeRow">
@@ -313,7 +308,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>80
+                          <b>₹</b> 80
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -341,7 +336,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>90
+                          <b>₹</b> 90
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -369,7 +364,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>115
+                          <b>₹</b> 115
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -397,7 +392,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>130
+                          <b>₹</b> 130
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -425,7 +420,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>90
+                          <b>₹</b> 90
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -453,7 +448,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>130
+                          <b>₹</b> 130
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -481,7 +476,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>140
+                          <b>₹</b> 140
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -509,7 +504,7 @@ <h2 class="card-title">Steamed Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>130
+                          <b>₹</b> 130
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -543,7 +538,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>125
+                          <b>₹</b> 125
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -571,7 +566,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>135
+                          <b>₹</b> 135
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -599,7 +594,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>145
+                          <b>₹</b> 145
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -627,7 +622,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>160
+                          <b>₹</b> 160
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -655,7 +650,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>135
+                          <b>₹</b> 135
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -683,7 +678,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>155
+                          <b>₹</b> 155
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -711,7 +706,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>170
+                          <b>₹</b> 170
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -739,7 +734,7 @@ <h2 class="card-title">Fried Momos</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>155
+                          <b>₹</b> 155
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -802,7 +797,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>200
+                          <b>₹</b> 200
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -830,7 +825,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>210
+                          <b>₹</b> 210
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -857,7 +852,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>190
+                          <b>₹</b> 190
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -885,7 +880,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>230
+                          <b>₹</b> 230
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -913,7 +908,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>220
+                          <b>₹</b> 220
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -941,7 +936,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>230
+                          <b>₹</b> 230
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -969,7 +964,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>230
+                          <b>₹</b> 230
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -997,7 +992,7 @@ <h2 class="card-title">Rice and Noodles</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>300
+                          <b>₹</b> 300
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1030,7 +1025,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>250
+                          <b>₹</b> 250
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1058,7 +1053,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>270
+                          <b>₹</b> 270
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1086,7 +1081,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>280
+                          <b>₹</b> 280
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1114,7 +1109,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>300
+                          <b>₹</b> 300
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1141,7 +1136,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>350
+                          <b>₹</b> 350
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1167,7 +1162,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>400
+                          <b>₹</b> 400
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1194,7 +1189,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>420
+                          <b>₹</b> 420
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1221,7 +1216,7 @@ <h2 class="card-title">Appetizers</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>540
+                          <b>₹</b> 540
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1256,7 +1251,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>350
+                          <b>₹</b> 350
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1284,7 +1279,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>350
+                          <b>₹</b> 350
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1312,7 +1307,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>350
+                          <b>₹</b> 350
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1340,7 +1335,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>370
+                          <b>₹</b> 370
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1367,7 +1362,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>370
+                          <b>₹</b> 370
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1394,7 +1389,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>395
+                          <b>₹</b> 395
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1421,7 +1416,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>250
+                          <b>₹</b> 250
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1448,7 +1443,7 @@ <h2 class="card-title">Main Course</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>640
+                          <b>₹</b> 640
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1511,7 +1506,7 @@ <h2 class="card-title">Soups</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>150
+                          <b>₹</b> 150
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1539,7 +1534,7 @@ <h2 class="card-title">Soups</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>150
+                          <b>₹</b> 150
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1566,7 +1561,7 @@ <h2 class="card-title">Soups</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>150
+                          <b>₹</b> 150
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1594,7 +1589,7 @@ <h2 class="card-title">Soups</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>170
+                          <b>₹</b> 170
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1622,7 +1617,7 @@ <h2 class="card-title">Soups</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>170
+                          <b>₹</b> 170
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1650,7 +1645,7 @@ <h2 class="card-title">Soups</h2>
                           </span>
                         </p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>170
+                          <b>₹</b> 170
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1675,7 +1670,7 @@ <h2 class="card-title">Mocktails</h2>
                       <div class="col-9 foodItemName">
                         <p>Midnight Beauty</p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>120
+                          <b>₹</b> 120
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1694,7 +1689,7 @@ <h2 class="card-title">Mocktails</h2>
                       <div class="col-9 foodItemName">
                         <p>Mojito</p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>150
+                          <b>₹</b> 150
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1713,7 +1708,7 @@ <h2 class="card-title">Mocktails</h2>
                       <div class="col-9 foodItemName">
                         <p>Pink Lemonade</p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>140
+                          <b>₹</b> 140
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1732,7 +1727,7 @@ <h2 class="card-title">Mocktails</h2>
                       <div class="col-9 foodItemName">
                         <p>Silver Lining</p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>140
+                          <b>₹</b> 140
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1751,7 +1746,7 @@ <h2 class="card-title">Mocktails</h2>
                       <div class="col-9 foodItemName">
                         <p>Sweet Memories</p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>150
+                          <b>₹</b> 150
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -1769,7 +1764,7 @@ <h2 class="card-title">Mocktails</h2>
                       <div class="col-9 foodItemName">
                         <p>Virgin Mojito</p>
                         <p class="text-muted-small">
-                          <i class="fas fa-rupee-sign"></i>230
+                          <b>₹</b> 230
                         </p>
                       </div>
                       <div class="col-3 addCol">
@@ -2134,7 +2129,7 @@ <h2>MOMOMIA</h2>
         </div>
       </div>
     </footer>
-
+</div>
     <!-- BOOTSTRAP JS -->
     <script
       src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
diff --git a/MOMOMIA/styles.css b/MOMOMIA/styles.css
index dfd906e..bc38049 100644
--- a/MOMOMIA/styles.css
+++ b/MOMOMIA/styles.css
@@ -362,11 +362,10 @@ a:hover {
 .shoppingCartAfter {
   position: absolute;
   font-size: 0.7rem;
-  padding: 1px 5px;
   border-radius: 50%;
   background-color: #000000;
-  top: 0;
-  right: -13px;
+  top: 1rem;
+  right: 0px;
   color: white;
 }
 
@@ -874,15 +873,21 @@ footer a {
 }
 
 @media screen and (max-width: 992px) {
+  #main{
+    width: 100% !important;
+  }
   .navbar-nav {
     background-color: #ffc107;
     text-align: right;
-    width: 150px;
+    width: 50px;
     border-radius: 10%;
   }
 }
 
 @media screen and (max-width: 920px) {
+  #main{
+    width: 100% !important;
+  }
   .navbar-brand {
     font-size: 3rem;
     margin-bottom: 5px;
@@ -925,6 +930,9 @@ footer a {
 }
 
 @media screen and (max-width: 500px) {
+  #main{
+    width: 100% !important;
+  }
   .navbar-brand {
     font-size: 2.5rem;
     margin-bottom: 5px;
@@ -1031,3 +1039,23 @@ footer a {
 .checkIcon {
   color: green;
 }
+#main{
+  width: 100% !important;
+}
+
+.item-content h2{
+font-size: 1rem;
+}
+#shoppingclass{
+position: relative;
+}
+#zero{
+position: relative !important;
+top: -0.7rem;
+background-color: white !important;
+color: black !important;
+left: -0.2rem;
+}
+#cart{
+ position:  relative !important;
+}
\ No newline at end of file