MediaWiki:Common.css: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 276: | Linha 276: | ||
/** CSS para versão mobile*/ | /** CSS para versão mobile*/ | ||
@media (max-width: 768px) { | @media (max-width: 768px) | ||
{ | |||
.banner { | .banner { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
grid-row-gap: 0px; | |||
grid-column-gap: 0px; | |||
} | } | ||
.card1 { | .card1 { | ||
width: fit-content !important; | width: fit-content !important; | ||
max-width: 100% !important; | max-width: 100% !important; | ||
max-height: 100% !important; | max-height: 100% !important; | ||
display: inline-block !important; | display: inline-block !important; | ||
display: grid; | |||
grid-area: 1 / 1 / 2/ 2; | |||
} | } | ||
.card2 { | .card2 { | ||
display: grid; | display: grid; | ||
| Linha 310: | Linha 306: | ||
width: 250px; | width: 250px; | ||
} | } | ||
/** Mais procurados mobile */ | |||
.guesschild1 { | |||
grid-area: 1 / 1 / 2 /2; | |||
border-radius: 10px; | |||
} | |||
.guesschild2 { | |||
grid-area: 2 / 1 / 3 /2; | |||
border-radius: 10px; | |||
} | |||
.guesschild3 { | |||
grid-area: 3 / 1 / 4 /2; | |||
border-radius: 10px; | |||
} | |||
} | |||
} | } | ||