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

@TiagoHenrique10

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

@correlucas

Posted

Fala Tiago, beleza? Parabéns pelo desafio!

Acabei de dar uma olhada aqui na sua solução e está basicamente perfeita, só tens que ajustar um pouco a largura de alguns elementos pra que o card fique totalmente responsivo.

Eu dei uma olhada aqui e os elementos que estão impedindo do container contrair junto com a tela são o botão e a section você usou width: 100% mas mesmo sendo porcentagem o css considera o width como um valor fixo, quando você quiser que um elemento seja responsivo evite sempre o valor width use max-width ou min-width dependendo do caso.

Continue no foco!

Marked as helpful

0

@TiagoHenrique10

Posted

@correlucas Lucas que bacana dessa eu não sabia muito irei ajustar esse código mais tarde, muito obrigado pelo seu feedback esta me ajudando muito a evoluir se tiver mais algumas dicas de cursos.. irei ser grato também1 rsrs falou abraços

0
Lucas 👾 104,420

@correlucas

Posted

@TiagoHenrique10 cara, eu tenho menos de 6 meses estudando seriamente, já tinha tentado estudar HTML css antes, mas sempre achei mto complicado, dos cursos que eu fiz (alura, origamid, codecademy) eu só recomendo Origamid, e recomendo muitíssimo, porque o preço do curso vitalício é ótimo e o curso dele html css pra iniciantes foi o que me deu toda base que tenho hoje, e o curso é curtinho, papo de 6 horas... Eu recomendo esse pq o cara além de manjar de codar tbm manja de design e inclusive ensina isso tbm, daí todo conhecimento que eu tenho veio de lá e dos desafios que fiz aqui, as coisas se repetem tanto que vc acaba aprendendo, tipo a coisa do max-width todo dia eu vejo umas 20 soluções com esse erro, e eu só aprendi pq errei várias vezes kkk

Marked as helpful

0

@TiagoHenrique10

Posted

@correlucas bacana cara muito obrigado!

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