начал адаптировать стили

src/pages/Products/Products.module.css

@@ -178,12 +178,37 @@
 }
 
 /* ===== АДАПТИВ ===== */
+
+
+@media (max-width: 1254px){
+  .sidebar {
+    width: 220px;
+  }
+  .main {
+  padding: 0;
+  padding-top: 100px;
+}
+}
+
 @media (max-width: 1200px) {
   .grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 
+@media (max-width: 1045px){
+  .sidebar {
+    width: 200px;
+  }
+  
+}
+
+@media (max-width: 827px){
+  .container{
+  background: white;
+}
+}
+
 @media (max-width: 768px) {
   .wrapper {
     flex-direction: column;