Šablona:Návody/styles.css: Porovnání verzí
Skočit na navigaci
Skočit na vyhledávání
Přidaný obsah Smazaný obsah
imported>SpeLe0log mBez shrnutí editace |
imported>SpeLe0log Bez shrnutí editace |
||
Řádek 9: | Řádek 9: | ||
display: flex; |
display: flex; |
||
flex-direction: column; |
flex-direction: column; |
||
gap: 1rem 0; |
gap: 1rem 0; |
||
margin: 1rem 0; |
|||
} |
} |
||
.navody-menu-item { |
.navody-menu-item { |
||
Řádek 26: | Řádek 27: | ||
flex-direction: row; |
flex-direction: row; |
||
gap: 0 2rem; |
gap: 0 2rem; |
||
margin: 1rem 0; |
|||
} |
} |
||
.navody-menu-item { |
.navody-menu-item { |
Verze z 16. 12. 2022, 14:09
/* 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;
margin: 1rem 0;
}
.navody-menu-item {
flex: 1;
}
}
/* 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;
margin: 1rem 0;
}
.navody-menu-item {
flex: 1;
}
}