styles.css: logo&name&menu in center

styles.css

@@ -101,19 +101,34 @@ header h1 {
 }
 
 /* Медиа-запрос для мобильных устройств */
-@media (max-width: 768px) {
-  .header-left {
-    margin-left: 100px;
-    margin-bottom: 10px;
+@media (max-width: 1080px) {
+  header {
+    flex-direction: column;
+    align-items: center;
+    padding: 10px;
   }
 
-  .header-center {
+  .header-left, .header-center, .header-right {
+    display: flex;
+    justify-content: center;
+    margin: 10px 0;
+    width: 100%;
     text-align: center;
   }
 
+  .header-left .logo {
+    margin-right: 0;
+    margin-bottom: 10px;
+  }
+
+  .header-menu ul li {
+    display: block;
+    margin: 10px 0;
+  }
+
   .header-right {
-    text-align: center;
-    margin-left: 55px;
+    margin-right: 0;
+    justify-content: center;
   }
 }
 
@@ -363,10 +378,3 @@ footer {
     margin-top: 0;
   }
 }
-
-/* Дополнительный медиа-запрос для мобильных устройств с большим разрешением экрана (realme gt master edition) */
-@media (max-width: 1080px) and (max-height: 2400px) {
-  .header-left .logo {
-    margin: 0 auto;
-  }
-}