Submitted about 2 years ago
article component using CSS Grid, Flex, and Native Javascript
@GeorgeBryzh
Design comparison
SolutionDesign
Solution retrospective
When i designed a tooltip, i wanted to understand how to minimalize a code for showing tooltip by Share button. At window.addEventListener
i add a condition shareBtn.contains(e.target)
instead of e.target.matches('.share-button')
. Cause i have into shareButton block img child, and last variant required to add condition for '.share-button img'. Also i struggled with fit the mobile tooltip on whole width and in the bottop of article while used a position: absolute
, and i just added top:0px, left: 0px, right: 0px, bottom: 0px;
for tooltip to strech it on the parent
Community feedback
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