Looking to hire developers?
This is the first challenge I do, so you can see is not responsive yet (i will complete that part sometime) but my question is: how can i do to close the share dive without the X i put it inside the div? And, it doesn't have the triangle below the div, that's another thing i want to know how to do it. Thanks!
Account Deleted
Hello.
I made you a quick example with a CSS only approach on playcode
https://playcode.io/630864/
On mobile, it opens the popover with the :focus of the button, it closes with an outside click, and on desktop, it opens the popover with :hover, also, you could use the open on click for default.
Update: ok, regarding the triangle, I leave it in the example too.
@jomefavourite
Posted
Hi, I made share button beneath the modal able to show the modal and close it. As for the triangle, there are various ways, but i made a square shape and rotated it by 45deg. Check out my solution, for understanding: https://www.frontendmentor.io/solutions/article-preview-component-ahrbd3haG/preview
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
