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

Interactive card component using Html, Css, Js and Jquery

@Georgelafayen

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi There 😁!

This is my solution to the challenge, any advice on how to improve my code is welcome!

Community feedback

Corfaya 110

@Corfaya

Posted

Hello Giorgio! Your code is very clean, congratulations!

Just remember the Alternative Information (alt) attribute, some users may have to use screen readers. For example:

<img src="img.png" alt="This is an image" >

But this is only a detail, not a code problem.

Well done indeed! Laura

Marked as helpful

1

@matiasluduena23

Posted

Hi Giorgio! It looks great you project. Just two advice that might help you.

  • Start to use semantic HTML, that means use differents tags than a div, all your content could be in a main tag and you can also use an article for your cards. Look this when you have time.
  • Try to avoid width and height, instead use max-width and max-height, it will do your elements responsive. Change it in your containerOne class with a more higher number and play with that numbers.

Good code!

1

@Georgelafayen

Posted

Thank you so much @matiasluduena23 for your time and tips, I will definitely put what you showed me into practice!

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