Olá, pessoal!
Estou utilizando o Flex-wrap, no entanto o codigo funciona perfeitamente para mobile e desktop, sendo que para tablet ele está tendo o mesmo comportamento que para mobile, como posso proceder a esse comportamento, sendo que estou utilizando as mesmas propriedades do Luan.
style.css
.rodape__container {
width: 100%;
height: 875px;
color: var(--cinza-texto);
line-height: 1.5;
font-size: 16px;
background-color: white;
}
.rodape__titulo {
color: var(--azul-medio);
font-weight: bold;
padding: 10px 0 20px 0;
}
@media (min-width: 1440px) {
.rodape__container {
padding-left: 240px;
height: 225px;
}
}
flexbox.css
.rodape__container {
display: flex;
/*flex-direction: column;
flex-wrap: wrap;*/
flex-flow: column wrap;
}
@media (min-width:834px){
.cabecalho__pesquisar {
display: block;
}
.rodape__container {
justify-content: space-between;
}
}
Gostava de utilizar as mesmas propriedades e não ter que colocar uma nova :(