This took way too long than it should have. I was struggling with the background. I managed to do it for desktop easily using background image. But it wasn't fitting for tablet or mobile device. Then I tried using pseudo element. But even that was't satisfactory. I ended up with the background solution. And used media query for tablet and mobile device. I feel like it's still a little bit messy.
Anyone tried using transform-translate? Maybe I should try using the combination of pseduo element and transform property.
I would greatly appreciate any tips regarding this issue.
@GodILoveTequila
Posted
Hello, good job. Today i also had some troble making this one. You can make the circles responsive by adding a html img with an empty alt attribute instead of using css background property. And to make that have a look at css relative and absolut position. Keep it going. Cheers!
@Iamparves
Posted
@GodILoveTequila Thanks for your feedback.
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
