Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile-first Interactive card details form

@rontoyhacao

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Helloo good day! This challenge took me some time to finish because I wanted to make it have a credit card validation and it's unfortunate that I wasn't able to find out sooner that a credit card validator library exists from npm and I had to do it the hard way that's why it took me so long. I had to look up for solutions online particularly on stackoverflow. I would like to give huge thanks to the people from stackoverflow for the resources I got. I was able to learn and have some idea about libraries and packages along the way. Please feel free to give some feedback and I would appreciate it. Thankyouuu. 💕

Community feedback

Adam M 550

@AdamMzkr

Posted

hi, pefect solution and this smooth animated and validated card number amazing!!

1

@rontoyhacao

Posted

@AdamMzkr helloo, thankyouu for the appreciation and feedback. ❣️

0

Please log in to post a comment

Log in with GitHub
Discord logo

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