Esta é uma solução para o desafio "Stats preview card component" no Frontend Mentor. Os desafios do Frontend Mentor ajudam você a melhorar suas habilidades de codificação ao construir projetos realistas.
Os usuários devem ser capazes de:
- Veja o layout ideal, dependendo do tamanho da tela do dispositivo
- URL da solução: Repositório da Solução / Solution Repository
- URL do site ativo: Site ativo / Active site
- Marcação HTML5 semântica
- propriedades personalizadas CSS
- Flexbox
- CSS Grid
- Fluxo de trabalho que prioriza o celular
Neste projeto eu coloquei em prática o uso das tags semânticas do HTML5 e principalmente o uso do Flexbox e CSS Grid Layout, recursos estes, presentes no CSS3. Aprendi mais sobre os recursos usados para responsividade de Dispositivos Móveis.
Minhas maiores dificuldades inicialmente foram as unidades de medidas relativas do CSS3 e o uso de recursos para a responsividade do projeto.
Desejo continuar estudando e aprimorando minhas habilidades no CSS3 já que sou apaixonado por design e para futuramente usar nos frameworks de JavaScript.
- Frontend Mentor - @arthursaldanha
- Instagram - @saldanha.jpg
Primeiramente quero agradecer à Caelum pelo aprendizado passado em seu curso Front-End. Em segundo lugar, quero agradecer aos membros do Discord da Rafaella Ballerini por tirarem algumas das minhas dúvidas!