styles.css: logo&name&menu in center

parent a1ff41f5
...@@ -101,19 +101,34 @@ header h1 { ...@@ -101,19 +101,34 @@ header h1 {
} }
/* Медиа-запрос для мобильных устройств */ /* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) { @media (max-width: 1080px) {
.header-left { header {
margin-left: 100px; flex-direction: column;
margin-bottom: 10px; 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; text-align: center;
} }
.header-left .logo {
margin-right: 0;
margin-bottom: 10px;
}
.header-menu ul li {
display: block;
margin: 10px 0;
}
.header-right { .header-right {
text-align: center; margin-right: 0;
margin-left: 55px; justify-content: center;
} }
} }
...@@ -363,10 +378,3 @@ footer { ...@@ -363,10 +378,3 @@ footer {
margin-top: 0; margin-top: 0;
} }
} }
/* Дополнительный медиа-запрос для мобильных устройств с большим разрешением экрана (realme gt master edition) */
@media (max-width: 1080px) and (max-height: 2400px) {
.header-left .logo {
margin: 0 auto;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment