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

Componete de resumo de resultados

@paulo1310

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

@xtirian

Posted

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 helpful

0

@paulo1310

Posted

@xtirian muito obrigado pelo feedback, irei tentar colocar em prática suas dicas, muito obrigado mesmo.

0

@wobin1

Posted

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