MenuList: work on desktop size

src/pages/menu/components/MenuList/MenuList.module.css

@@ -54,13 +54,17 @@
 }
 
 @media (min-width: 1025px) {
+  .menuSections{
+    padding: 0;
+  }
+
   .menuSection h3 {
     margin: 50px 0px 25px 0px;
     font-size: 28px;
   }
 
   .menuItemsGrid {
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, 1fr);
     gap: 20px;
     margin-bottom: 24px;
   }
@@ -69,6 +73,7 @@
 /* Enhanced responsive menu items grid */
 @media (min-width: 1280px) {
   .menuItemsGrid {
+    display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
     margin-bottom: 28px;
@@ -185,13 +190,13 @@
 /* Enhanced responsive page container */
 @media (min-width: 769px) and (max-width: 1024px) {
   .pageContainer {
-    padding: 24px;
+    padding: 0 24px;
   }
 }
 
 @media (min-width: 1025px) {
   .pageContainer {
-    padding: 32px;
+    padding: 0 32px;
     max-width: 1200px;
     margin: 0 auto;
   }