Design comparison
Solution retrospective
Not much to say here, but please let me know if you spot any mistakes!
Community feedback
- @tedikoPosted over 3 years ago
Hello, Dex! 👋
Congrats on finishing another challenge! Your solution responds well. Here's my few suggestions:
- You repeat your HTML code with stars images which is unnecessary. Find the way to use only one star image for a
.rating-stars
. You can do it easily by usingbackground-repeat
approach in your css. - Read about Sass 7-1 pattern to keep your file management orginazed.
Good luck with that, have fun coding! 💪
1@tihuskyPosted over 3 years ago@tediko Thanks for your feedback!
I know about the 7-1 pattern but I felt like it'd be overkill for this small challenge and tried to keep things simple 😅
As for the stars, as far as I'm aware there's no way to make the background repeat a fixed number of times, right? So I guess I'd have to make the container 5 times as wide as the star image. But then I'd have to adjust that size if I'd later decide to use a star image with different dimensions. I'll experiment with this a bit! 🤔
1@tedikoPosted over 3 years ago@tihusky Yeah, it'd be a overkill for such a small project :D
0 - You repeat your HTML code with stars images which is unnecessary. Find the way to use only one star image for a
Please log in to post a comment
Log in with GitHubJoin 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