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
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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!