kenzie-academy-brasil-developers / cartas-flexbox-sprint-2-mporto1994

cartas-flexbox-sprint-2-MPorto1994 created by GitHub Classroom

Entrega: Cartas Flexbox

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)!

Requisitos:

• 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).

Envio

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/cartas-flexbox-sprint-2-seuusuario) e envie o link do seu repositório nos comentários. Após ser a correção, seu projeto deverá ficar privado.