Hello, Anna! 👋
Well done on this challenge! Here's a few things I'd suggest you to take a look at:
- You repeat your HTML code with stars images which is unnecessary. Find the way to use only one star image for a
.rating_card
. You can do it easily by usingbackground-repeat
approach in your css. Your approach is perfectly fine. I just want to show you a different path to achieve this.
Keep up the good work! 💪
@NitaLewska
Posted
Thanks, I'll use this idea in the next projects =)
@NitaLewska
Posted
@tediko I also thought about editing svg, so 5 stars could be a one image, but ended with the easiest solution =)
@NitaLewska Editing svg is also a way but, if you ever wanted to add one star or half-star you have to edit that svg and copy one star, or create half star which is a lot of work to me. In this approach all you have to do if you want add another or edit current is one line of code, and more precisely width of container with background-image sets on. Have a good day!