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?
Luis Gustavo Monteiro
@GustavoMontAll comments
- @MohamedBehharSubmitted over 3 years ago@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 - @Alexandre-ChsSubmitted over 3 years ago
I want to code only with HTML / CSS, but I do not know how to put a title in bold with CSS only.
I spent a week on the project, I learned a lot and I realize that JS is not that easy haha.
I just don't understand why on mobile when I click there is an orange square that appears ..
@GustavoMontPosted over 3 years agoYour solution it's so good, congratulations !! About the orange square, I guess you have to disable the outline. It's just use outline: none; in CSS and it will disappear.
1