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

Result Summary Component using HTML and CSS

Elijahβ€’ 320

@taco-neko

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


I would really like advice on class naming, and keeping my file organized. Right now, it's a bit of a mess and it's difficult for me to find anything in it. Are there any naming conventions that everyone follows?

Community feedback

Gio Curaβ€’ 650

@GioCura

Posted

Hi! πŸ‘‹ I had the same question when I started out here. I eventually settled on the BEM naming convention. Aside from that, here are some alternatives.

Oh, and it seems like your images don't have alternate text. Alternate text is good for images that are essential to understanding the content of the site. However, since the icons on this project are just for decoration, I think you can get away with just writing alt="". Like so:

<img src="./assets/images/icon-visual.svg" alt="">

Hope this helps, and good luck on your next project!

2

Elijahβ€’ 320

@taco-neko

Posted

@GioCura Thank you! I'd heard the name BEM thrown around but I didn't know this is what it was. I'll try to incorporate this into my next project.

I actually did add the alt text right after uploading, it just didn't update for a while, lol. Thanks for mentioning it anyway, I'll try not to forget it next time!

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