Vitrine.Dev | Minha Vitrine Dev |
---|---|
✨ Nome | CARD DE RESULTADOS |
🏷️ Tecnologias | |
🚀 URL | Projeto |
🔥 Desafio | Frontend Mentor |
O desafio é construir esse componente de resumo de resultados e aproximá-lo o máximo possível do design.
Por enquanto estou fazendo com html e css puros mas pretendo refatorar com javascript posteriormente.
A primeira parte que fiz foi o sessão que apresenta o resultado geral, que buscar focar ao máximo pra ficar parecido com o proposta, pois não tinha acesso ao figma, apenas acesso a paleta de cores.
Segunda parte completa e fiz a sessão que apresenta os resultados por categoria, aplicando a coloração correta assim como o background da mesma cor que o texto porém com transparência.
Por fim fiz a responsividade da página ajustando os principais elementos para o mobile.
Utilizar a propriedade linear-gradient, aplicar o background das categorias utilizando cores com a função hsla.