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

Results Summary using HTML and CSS

shayzago 30

@shayzago

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Eu desenvolvi sem consultas e me orgulho demais disso, vejo que consigo desenvolver um layout com mais precisão.

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

Ao desenvolver a estrutura HTML, não sabia onde por cada elemento da forma mais correta possível, porém consegui fazer de uma maneira que encaixasse bem e que fizesse mais sentido.

What specific areas of your project would you like help with?

Na estruturação do HTML.

Community feedback

@R3ygoski

Posted

Olá Shayenne, parabéns pela conclusão do projeto!

Seu HTML está muito bom e a estrutura está quase perfeita. Sugiro apenas algumas pequenas alterações para otimizar o código:

  • Em vez de usar <div> dentro das <li>, você pode aplicar a classe diretamente nas <li>. Isso simplifica o código e mantém a mesma funcionalidade.
  • As tags <p class="title-result"> e as divs "component-result" e "component-summary" poderiam ser substituídas por <h1> e <section> respectivamente. Isso ajudaria a deixar o código mais semântico.

Agora uma dica sobre o CSS, utilize a unidade de medida rem para o font-size. Isso garante maior acessibilidade, pois permite que o usuário ajuste o tamanho da fonte do navegador sem afetar o layout da página.

E é isso, novamente parabéns pela conclusão do projeto, caso tenha ficado alguma duvida quanto ao que eu disse, por favor comente abaixo que tentarei ajudar da melhor forma possível.

Marked as helpful

0

shayzago 30

@shayzago

Posted

@R3ygoski Muito obrigada pela ajuda !

1

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