Mudanças entre as edições de "Predefinição:MainPage/styles.css"
Ir para navegação
Ir para pesquisar
Etiqueta: Revertido |
|||
| Linha 3: | Linha 3: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Linha 9: | Linha 8: | ||
.menu-col { | .menu-col { | ||
flex: | flex-basis: 60%; | ||
max-width: 60%; | |||
} | } | ||
.side-col { | .side-col { | ||
flex: | flex-basis: 30%; | ||
max-width: 30%; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
@media (max-width: 1024px) { | @media (max-width: 1024px) { | ||
.menu-col, | .menu-col, | ||
.side-col { | .side-col { | ||
flex: | flex-basis: 100%; | ||
max-width: 100%; | |||
} | } | ||
} | } | ||
Edição das 17h52min de 5 de maio de 2025
/** MENU/ÍNDICE/CHANGELOG/EVENTOS **/
.homepage-content {
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
}
.menu-col {
flex-basis: 60%;
max-width: 60%;
}
.side-col {
flex-basis: 30%;
max-width: 30%;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.menu-col,
.side-col {
flex-basis: 100%;
max-width: 100%;
}
}