Interactive Card Details Form using Flexbox & JavaScript | Responsive

So, this one was a heck of a challenge, took me almost 2 days to finish, and although I was able to make it almost fully functional and interactive, I am not satisfied with how I finished this challenge.

My struggles while doing this challenge:

🗡️ had a hard time transitioning to the Thank You Element with smooth animation after submitting the form

🗡️ i used the setTimeout Function to help in hiding the form and making the Thank You Element appear, which i had to experiment a few times to finally make it look smooth, which ended up making the code look messy 😭

🗡️couldn't keep the code well-structured and modular

🗡️ also styling and making sure the cards were at the right place relative to the form, and that they respond well to the change in viewport width took me longer than i expected

I'm sure there are much smarter ways to approach this challenge. Would appreciate any feedback and any thoughts on the above mentioned points 🫡

Thanks for checking out my work 😇

#js #dom #bem #flexbox #animation #form #responsive #interactive #no-frameworks