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

@Cassio-Master

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


depois do meu primeiro desastre esse foi o meu segundo e ultimo antes de também ter conhecimento dos dowloands das imagens do frontendmentor e quando eu ainda não sabia mandar soluções e nem conhecimento de alguns feitos que vocês me mandaram nos comentários até aqui é tudo.

Community feedback

Daniel 🛸 42,650

@danielmrz-dev

Posted

Fala Cassiano!

Parabéns por mais um projeto!

Tenho algumas sugestões pra esse:

  • Coloca as duas seções (esquerda e direita) dentro de um container (de preferência, a tag main) pra você conseguir posicionar elas juntas. Da maneira que você fez, sem colocá-las dentro de um container, te deu bem mais trabalho, tendo que usar position pra acertar direitinho as posições de cada uma delas separadamente.

Feito isso, aplica isso aqui ao body e o container será centralizado (lembrando que entre o body e esse container, não é necessária nenhuma outra tag):

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

Depois e fazer isso, dentro das seções você fez um ótimo trabalho. Eu daria mais sugestões, mas acho que com essas acima, você já vai ter bastante coisa pra fazer 😅

Espero que ajude!

Abraço!

Marked as helpful

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