Šablona:Návody/styles.css: Porovnání verzí
Z Mineland.eu | Wiki
Skočit na navigaciSkočit na vyhledávání
imported>SpeLe0log m (SpeLe0log přesunul stránku Diskuse k šabloně:Návody/styles.css na Šablona:Návody/styles.css bez založení přesměrování) |
imported>SpeLe0log mBez shrnutí editace |
||
(Není zobrazeno 9 mezilehlých verzí od stejného uživatele.) | |||
Řádek 1:
/* A) MALÁ OBRAZOVKA */
@media only screen and (max-width: 768px) { /* DESKTOP or MOBILE VERSION */
.navody-notification {
text-align: center;
}
.navody-menu-main {
display: flex;
flex-direction: column;
gap: 1rem 0;
}
▲ display: none;
.navody-menu-item {
flex: 1;
margin: 0;
}
}
/*
@media only screen and (min-width:
.navody-notification {
text-align: center;
margin: 2rem auto;
}
.navody-menu-main {
display: flex;
flex-direction: row;
gap: 0 2rem;
}
.navody-menu-item {
flex: 1;
margin: 0 0 1rem 0;
}
}
|
Aktuální verze z 16. 12. 2022, 14:14
/* A) MALÁ OBRAZOVKA */
@media only screen and (max-width: 768px) { /* DESKTOP or MOBILE VERSION */
.navody-notification {
width: 100%;
text-align: center;
margin: 1rem 0;
}
.navody-menu-main {
display: flex;
flex-direction: column;
gap: 1rem 0;
}
.navody-menu-item {
flex: 1;
margin: 0;
}
}
/* B) VELKÁ OBRAZOVKA */
@media only screen and (min-width: 769px) { /* DESKTOP or MOBILE VERSION */
.navody-notification {
width: 50%;
text-align: center;
margin: 2rem auto;
}
.navody-menu-main {
display: flex;
flex-direction: row;
gap: 0 2rem;
}
.navody-menu-item {
flex: 1;
margin: 0 0 1rem 0;
}
}