All solutions

Hi all,

in CSS I tried many different things for svg/img and span content to center them in their backgrounds (with background-color I made the background circle and the svg star and number written inside <span>1</span> weren't easy for me to center to the middle of this circle). Finally, I used display:flex & align-items and justify-content: center and I am not sure if this is the best practice or if the flexbox is too much for just centering.

Thanks for the advice!

Hi there!

My second task. Any suggestions? I was thinking about putting those images as the background-image, but finally, I let them as part of the HTML and used display: none when needed. I am not sure which solution is better or the best practice.