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

HTML CSS FLEX

@CelsoTavares

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas 👾 104,440

@correlucas

Posted

👾Fala Celso, beleza? Parabéns pelo seu desafio, tá bem parecido com a referência.

Dei uma olhada aqui no seu site e tenho umas dicas pra dar uma melhorada, apesar de todos detalhes estarem corretos e tudo mais, o cartão não está responsivo, pode ver que quando a tela começa a diminuir o card não ajusta de acordo com a tela, isso tá acontencendo porque você colocou width ao invés de max-width no .container ai a largura fica com um tamanho fixo e invariável.

Outra coisa que você pode melhorar é o padding dentro do container, não precisa colocar um padding pra cada elemento de texto, se você colocar um padding geral pro .container todos elementos vão herdar esse mesmo padding e você vai economizar linhas de código e até se tiver que aumentar ou diminuir você só muda tudo direto no container.

O resto ficou bem foda, mandou bem.

Espero que essa informação tenha te ajudado de alguma forma, pra cima!

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