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 component

NicoR23โ€ข 120

@NicoR23

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


Your comment with what I should improve helps me a lot, thanks in advance

Community feedback

@MelvinAguilar

Posted

Hello there ๐Ÿ‘‹. Good job on completing the challenge !

I have one more suggestion about your code that might interest you.

  • Avoid repeating __ if you are using BEM naming convention because only one block name is allowed, For example, the class name .container__summary__title contains the block name container and container__summary. Instead, you can use container__title or container__summary-title.

    You can see an example of this error here: BEM Quick start - Nesting

I hope you find it useful! ๐Ÿ˜„

Happy coding!

Marked as helpful

1

NicoR23โ€ข 120

@NicoR23

Posted

@MelvinAguilar gracias, voy a tratar de mejorar

0
Finneyโ€ข 3,030

@Finney06

Posted

Hello there ๐Ÿ‘‹. Good job on completing the challenge !

Here are some suggestions regarding your code that may be of interest to you.

HTML ๐Ÿท๏ธ:

To clear the Accessibility report:

  • Starting with <h1> and working your way down the heading levels (<h2>, <h3>, etc.) helps ensure that your document has a clear and consistent hierarchy.

I hope you find it helpful!๐Ÿ˜ Above all, the solution you submitted is ๐Ÿ‘Œ. ๐ŸŽ‰Happy coding!

Marked as helpful

1

NicoR23โ€ข 120

@NicoR23

Posted

@Finney06 thanks i will improve it

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