Design comparison
Solution retrospective
Olá, sou Paulo Carvalho e esta é a minha solução para este desafio projeto componete de resumo de resultados . 👋
Este é meu terceiro projeto, e ainda estou me familiarizando com GitHub, como enviar as soluções para o Frontend Mentor.
Neste terceiro projeto, já consegui adicionar o README, acho que ficou bom rsrsrs, além de ter deixado responsivo, como pede o desafio.
Qualquer feedback sobre como posso melhorar e reduzir o código necessário é bem-vindo!
Community feedback
- @xtirianPosted about 1 year ago
Ficou muito bom o seu projeto.
A única dica que eu te dou, é que pode usar o gradient, e é mais comum de se ver dessa forma, usando o background apenas. Na sua aplicação está assim:
.coluna1 .circle { ... background-image: linear-gradient(180deg, hsl(241, 81%, 54%),hsla(241, 72%, 46%, 0)); }
E poderia ser apenas assim:
... background: linear-gradient(180deg, hsl(241, 81%, 54%),hsla(241, 72%, 46%, 0));
Outra dica que posso te dar, já que mencionou o github, é sobre os commits que tem feito. Assisti uma mentoria de um recrutador recentemente e o rapaz falou que os commits são sempre bem vistos, então, é bom fazer os commits por etapas do seu processo para demonstrar como você avançou nas etapas do projeto. Por exemplo:
- Commit 1: Adicionando arquivos iniciais do projeto (só o index e as imagens) - Commit 2: Adicionando a estrutura html e os textos - Commit 3: Adicionando base de estilos - Commit 4: Adicionando estilos da pg - Commit 5: Adicionando responsividade - Commit 6: Consertando bug na coluna 1 ....
No geral o código está bem organizado e objetivo. Você definitivamente não coda como um iniciante.
Marked as helpful0@paulo1310Posted about 1 year ago@xtirian muito obrigado pelo feedback, irei tentar colocar em prática suas dicas, muito obrigado mesmo.
0 - @wobin1Posted about 1 year ago
I think the space between the cards in the summary section is too much, and I think the design will look more beta if the result section is a card on top of the wide card.
0
Please log in to post a comment
Log in with GitHubJoin 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