Ola. Estou tendo um problema com os media queries, quando testo no Chrome diminuindo e aumentando a resolução, o design nunca vai para uma coluna.
Este é o meu exercicios.css
.mini {
float: left;
width: 50%;
}
.container{
margin: 0 auto;
max-width: 1200px;
}
.secao{
float: left;
width: 100%;
}
.logo,
.secao {
padding: 0 1%;
}
img {
max-width: 100%;
}
.logo,
.busca,
.barra-nav,
.menu-principal {
display: inline-block;
vertical-align: middle;
}
.menu-principal li {
float: left;
}
header {
padding: 0.5em 0;
}
.destaques {
margin-top: 1em;
}
.barra-nav {
margin: 0.4em 0;
}
.secao{
width:100%;
float:left;
}
@media (min-width: 700px) {
.secao {
width: 50%;
}
}
@media (min-width: 1000px) {
.secao {
width: 33.333%;
}
}
