Gostaria de saber como substituir:
.mini {
float: left;
width: 50%;
}por flexbox
link do projeto: https://s3.amazonaws.com/caelum-online-public/responsivo/curso-web-design-responsivo.zip
Solucionado
Gostaria de saber como substituir:
.mini {
float: left;
width: 50%;
}por flexbox
link do projeto: https://s3.amazonaws.com/caelum-online-public/responsivo/curso-web-design-responsivo.zip
Se formos usar esse trecho aqui:
podemos fazer o seguinte em css: display: flex; flex-direction: column; justify-content: left;
Matheus, boa tarde!
Muito interessante a sua dúvida, você poderia tentar:
elementoPai {
display:flex;
justify-content: flex-start;
}Claro que existem várias formas de fazer isso, essa é apenas um método!
Espero ter ajudado e bons estudos!