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

3-column preview card component

P

@ezeroualnajat

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there, I'm Najat and this is my solution for this challenge.

  • Achieved 100% in Lighthouse.
  • Codebase is well-maintained and formatted with Prettier.
  • Semantic HTML markup.
  • SEO friendly.

Any feedback on how I can improve and reduce my code is welcome! Thanks.

Community feedback

raya 2,850

@rayaatta

Posted

Hello Najat👋 congrats completing this challenge and scoring 100% in lighthouse🎉

The only suggestion I have is: since the car icons are only decorative its alt attribute should be empty .

"Images with no semantic meaning—such as those which are solely decorative—or of limited informational value, should have their alt attributes set to the empty string (""). " - Mdn webdocs

You can check out this article.

Bro,your solution is awesome.🤩

I love the way it is extremely semantic and accessible.

Happy coding 🙃

Marked as helpful

1

P

@ezeroualnajat

Posted

@rayaatta

Hi there!

Thanks for your feedback and congrats! Great suggestion on the alt attribute for decorative icons.

I appreciate your kind words about the solution!

Happy coding to you too! 🙃

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