Design comparison
Solution retrospective
The only JavaScript I needed for this challenge is to initiate the share options when someone clicks the share icon. My biggest challange was to make the tooltip popup on the right spot compatible every screen size.
Community feedback
- @SoulRvr29Posted over 1 year ago
To better position this popup, add a
.popup
class to your css and set it toposition:relative;
. Then changeposition: fixed;
in your.popup--social
class toposition: absolute;
. Now it will stick with your card. Then you can changebottom
, andright
in.popup--social
for something likebottom: 60px;
andright: -120px
.Marked as helpful0@GinverPosted over 1 year agoThanks! @SoulRvr29
I was stuck with this a little... very helpful! :)
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