Solucionado
Gostaria de saber como transformo 2 colunas do meu blog dos navegadores web em telas mais largas para 1 coluna em telas mais estreitas como no mobile. tentei usar esse código abaixo mas sem sucesso.
@media (min-width: 480px) {
.column, .column.leftSide, .column.middle {
width: 100%;
}
}
Marcus, boa tarde!
Tente alterar de min-width pois assim você altera se for menor que isso e não maior.
Espero ter ajudado e bons estudos!
Consegui resolver dessa forma, não sei se é a melhor.
@media (max-width: 1380px) {
.column.leftSide, .column.middle {
width: 100%;
clear: both;
display: inline-block;
}
}
Fala Marcus tudo certo ?
Nos meus projetos sempre trabalhei usando 3 media queries para responsividade.
min-width: 1200
max-width: 780
max-width: 430
Sendo 1200 para Desk
780 para Tablets
430 para Mobile
Sinceramente não sei se é a melhor pratica para trabalhar perante essa situação( reconheço que dependendo do projeto esse tipo de abordagem va lhe trazer problemas a longo prazo)
Mas é oque eu acabo usando no meu dia a dia, sei que no final das contas acabei não respondendo nada, mas a minha intenção é questionar qual seria a melhor forma de fazer esse tipo de tratamento CSS