Design comparison
Solution retrospective
I am proud of using vanilla javascript and working through my problems. Next time I will try to get it down faster without needing to look things up for help
I also think that my code was a lot cleaner this time.
What challenges did you encounter, and how did you overcome them?I ran into some problems with the javascript not working as I intended. I figured out that setting the opacity of the active component to 0 wasn't working because then I couldn't press the share button on the nonactive component since the active one was still there in front of it, just not visible.
i also had problems with making it responsive. The image disappeared whenever I switched the flex-direction to row. I fixed this by using a grid instead. I don't know exactly why that worked, but it did. I will be trying to use grid more often.
What specific areas of your project would you like help with?Any redundancies with my code?
Any tips on best practices I might be not be doing?
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