Skip to content
Submitted 11 months ago

Pure HTML, CSS and JS Results Summary component

Alexandre Xavier•60
@abxsantos
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I've struggled a little bit on how to populate the HTML with data from the json file, and right now I'm not sure I like the approach.

Feel free to comment on anything, I'm really trying to improve the best I can! As always, any review is a good review!

Community feedback

  • Daniel 🛸•44,270
    @danielmrz-devPosted 11 months ago

    Fala, Ale!

    Mais um belo projeto!

    Tenho duas pequenas sugestões:

    • Primeira: Tenta ajustar um pouco a largura das duas seções. No design original, elas tem o mesmo tamanho.

    • Segunda: O botão de continue é um elemento clicável. Por mais que você já tenha adicionado um efeito hover nele, é sempre bom adicionar também cursor: pointer. Ajuda a dar mais uma indicação visual de que o elemento é clicável.

    São só detalhes. De resto, seu projeto está excelente 😊

    Espero que ajude!

    Marked as helpful
    1
    Alexandre Xavier•60
    @abxsantosPosted 11 months ago

    @danielmrz-dev boa irmão! Mais um toque sensacional!

    Fui me empolgando nesse, e quando vi a solução final no comparativo vi que tava bem diferente :(

    Vou dar uma ajustada!

    1

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