Your solution is fantastic. I think the way you added the stars works really well. There are many ways to approach it. You could just add 5 <img> to the html for each star card or you could use javascript and add the html in a loop. I thought your solution was fine though. It streamlines the code and you didn't have to muck up the html or create a js file. Congratulations. I hope this helps.
Design comparison
Solution retrospective
Is there a better way to do the 5 stars than content: url(..) ' ' url(..) ' ' url(..) ' ' url(..) ' ' url(..);
?
I noticed I tend not to make the text bigger when doing the desktop layout.
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