Design comparison
Solution retrospective
This is my third challenge on this amazing website, I can't lie things are getting difficult, for this challenge I didn't find another to duplicate the rating stars so I use a span and duplicate the stars five-time so I can get five stars inline, I know isn't the smartest way but I didn't find another way to do it. I still have some difficulties positioning the SVG's, I'm confused should I use them as a background-image or including them as an <img> on HTML like I did on this project?
Community feedback
- @GustavoMontPosted over 3 years ago
bro, I really understand you hahaha. I had the same problem about the stars and my solution was just like your solution. About the SVG image, if ur talking about the background images, you can use background position, and probably you'll have to use anothers background properties on css. You can see more here https://www.w3schools.com/cssref/css3_pr_background.asp . I advice you to check out about background-position, background-image.
0@MohamedBehharPosted over 3 years ago@GustavoMont thanks for your feedback brother, and for the SVG's I use them as an <img> element then I give them a position absolute to place them. I don't know if it's the right way but it works.
0
Please log in to post a comment
Log in with GitHub
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