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 rating component solution

#bem#accessibility
Cosmo 590

@cosmoart

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 this challenge 🎉

If you have any suggestions/tips, feel free to comment 😁

Community feedback

@Zyruks

Posted

Hey, how are you?

Just check your code real quick and the problem comes from css line 218 to 222

This part

@media screen and (min-width: 1400px) {
    .card1, .card2{
        transform: translate(-50%, -50%) scale(1.1);
    }
}

If you delete it all will be fine ;)

Good Luck

Marked as helpful

1

Cosmo 590

@cosmoart

Posted

@Zyruks Hi Samuel! Thank you very much, I do not understand how I could not have seen it before 😅

1

@Zyruks

Posted

@cosmoart it happen just take a time to rest and check the code again.

Keep coding

0
Cosmo 590

@cosmoart

Posted

I don't know why the solution screenshot is showing the two cards lol

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