Submitted 5 months agoA solution to the Article preview component challenge
Active Preview Component (HTML SASS JS)
sass/scss
@AJ-Tan

Solution retrospective
What are you most proud of, and what would you do differently next time?
Implementing the fade-in, and fade-out animation on the share menu container.
What challenges did you encounter, and how did you overcome them?When implementing the fade-out effect, setting the opacity to 0 only makes the element invisible, but it still remains in the DOM. To address this, I added a JavaScript adjustment that sets the element's display to 'none' after a delay.
I could probably also do it with animation with fill mode forwards. I will try to explore more on this in my future challenges.
What specific areas of your project would you like help with?Anything, I'm open for improvement!
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on AJ-Tan's solution.
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