Skip to content
Submitted 2 months ago

Order Summary Component

Nnamdi Azikiwe•20
@mhotep
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud that I finished this project.

What challenges did you encounter, and how did you overcome them?

The main challenge was being able to use the correct font. Found it on Google.

Community feedback

  • Kedna Sousa•40
    @kednasousaPosted 2 months ago

    Parabéns pelo projeto! A ideia é excelente. Uma sugestão seria ajustar o tamanho do cartão para evitar a barra de rolagem e melhorar a visualização do conteúdo. Melhorando ainda mais a experiência do usuário.

    O código usa efetivamente elementos HTML semânticos para estruturar o conteúdo, melhorando sua legibilidade e acessibilidade. O código inclui atributos essenciais de acessibilidade, como alt texto para imagens. O código é bem estruturado e utiliza elementos HTML semânticos. A inclusão de atributos alt para as imagens é fundamental para a acessibilidade. Sugiro adicionar aria-label aos botões "Proceed to payment" e "Cancel order" para fornecer mais contexto aos usuários de leitores de tela. Apesar de seguir a ideia principal, a solução apresenta algumas divergências em relação ao design original.

    0

Please log in to post a comment

Log in with GitHub

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