Para começar, acesse este link e clone do repositório em sua máquina.
A planilha de estilo cards.css inclusa está sem nenhuma propriedade flexbox necessária para criar o layout exibido abaixo:
Ao examinar o cards.css, você irá encontrar comentários indicando quais propriedades flex estão faltando. Por favor, preencha essas propriedades até conseguir recriar o layout exibido acima.
Não esqueça de fazer uma versão para o mobile, utilizando Media Queries. Sua entrega deve ter uma versão para o desktop e uma versão diferente para o mobile. Seja criativo(a)!
- O box, quando desktop, deve ter uma largura máxima de 710px.
- O box, quando tablet/mobile, deve ter uma largura máxima de 320px.
- Em ambas as formas de visualização, o box deve estar centralizado horizontalmente.
- Você deve utilizar todas as propriedades flex citadas no arquivo de CSS que há no repositório.
Se você estiver tendo problemas ao tentar lembrar o comportamento das diversas propriedades flexbox, consulte os diagramas de A Complete Guide to Flexbox (em inglês).
Faça o push do código para o seu repositório GitHub e implemente-o GitHub pages. No Canvas, por favor, envie sua url do GitHub Pages: (ex: https://nomedeusuario.github.io/katas2) e envie o link do seu repositório nos comentários. Após ser a correção, seu projeto deverá ficar privado.