Design comparison
SolutionDesign
Solution retrospective
I'm having a hard time doing the desktop active state. Can anyone help. I'm not that comfortable in making popups and transitions.
Any feedback is welcome
Community feedback
- @denieldenPosted almost 3 years ago
Hello Jitesh, , great job!
You can use Tooltip, read here -> css_tooltip
Also to make it look as close to the design as possible chaghe
<div class="profile mt-2" id="profile"> <div class="flex"> <img class="pfp" src="./images/avatar-michelle.jpg"> <div class="name"> <p> Michelle Appleton</p> <p class="text-grey">28 Jun 2020</p> </div> </div> </div>
Hope this help and happy coding!
Marked as helpful1@Jitesh117Posted almost 3 years ago@denielden Thanks Deniel! I did not know about this technique
1@denieldenPosted almost 3 years ago@Jitesh117 You are welcome! Alternatively you can also create a
div
that appears on hover, but in this case it is slightly more complicated and less suitable.Marked as helpful1
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