Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Results Summary Component

@barbarachagas

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@irenanrodrigues

Posted

Olá @barbarachagas, tudo bem? Parabéns por concluir o desafio! Aqui estão algumas sugestões para aprimorar ainda mais o seu projeto:

Modo Desktop: Notei um pequeno bug no modo desktop do seu projeto quando a janela do navegador começa a diminuir de tamanho. Para corrigir isso, você pode alterar a propriedade width na classe .card para 650px.

Espaçamento em .card__result: Na classe .card__result, sugiro adicionar a propriedade justify-content: space-around;. Isso ajudará a manter os espaçamentos dos elementos mais consistentes com o layout do projeto.

Efeito Hover e Cursor no Botão: Parece que o efeito de hover e a propriedade cursor: pointer; estão faltando no botão. Adicionar esses detalhes pode melhorar a interatividade do seu projeto.

Espero que essas sugestões sejam úteis! Se perguntas, fique à vontade para perguntar. Continue com o bom trabalho! 😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord