The result looks good! However, the JavaScript code is quite extensive. By using CSS classes, you could achieve the same functionality with just a few lines of JavaScript. Cheers!
0
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
- manually changing styles with Javascript probably takes more time than just adding and removing classes, so I should use that approach.
2)I made it so that the pop up can disappear only by pressing on the button (should have made it so that it'd close by pressing anywhere)
What challenges did you encounter, and how did you overcome them?
3)I made the div with triangular shape to be a child of the "sharedata" div which makes transitions more uneven (when disappearing there is a brief moment where u can see triangle as it's own thing and not part of the bigger shape) so I just played around with setTimeout function. I should have tried making it a neighbouring element to the "sharedata" div rather than a child, (or start using "::before" and "::after" pseudo classes?)
What specific areas of your project would you like help with?
4)I would like to know how to make the picture look exactly like in the given examples. (do we change it with Css or just use a different picture/use some editor for it)
Join 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