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

order-summary-component

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


A simple page with HTML and CSS

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

Dicas HTML

  • É recomendado que as tag <button> tenha o atributo type definido. Ajuda ao navegador a diferenciar se aquele botão é um botão para envio de formulario (type="submit") ou um botão normal (type="button").
  • Só faltou tirar o atributo alt da imagem que está com o alt "Hero". O resto você fez bem.
  • Você não fez o botão para o "Cancel order", só estilizou a div mas falta a tag button.

Dicas CSS

  • Você pode adicionar um estilo para o botão com o texto "Proceed to Payment". Eu recomendaria por um transition: 150ms; para uma mudança mais fluída de coloração.
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