Submitted over 1 year ago

Results summary component

@Cassio-Master

A solution to the Results summary component challenge

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.

Code

Please log in to post a comment

Community feedback

P
Daniel 🛸•44,830
@danielmrz-dev
Posted over 1 year ago
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

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