Design comparison
Solution retrospective
Please feel free to give me tips.
Community feedback
- @aleknovkovskiPosted over 1 year ago
Hi Liam ^_^ In response to your request:
- First of all great job on getting most of the elements done
I see that you didn't replicate the divider curve, but that's normal, most solutions don't implement this part exactly because it is kind of tricky. It involves combining several tricks.
You need to use an empty :before element, an empty :after element, use the scale function (so it grows the circle and results in a bigger curve), and then finally you'll need to use overflow:hidden because that circle is going to go off-screen.
If you want to see exactly how it is implemented you can check out my solution, I document this in the repo.
Marked as helpful0@LiamPerrymanPosted over 1 year ago@aleknovkovski 🫨 I was trying to figure out how that was done !!!
0
Please log in to post a comment
Log in with GitHubJoin 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