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

Interactive responsive lay out form.

@willie10r

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


When entering the card number info if you just smash the numbers in really fast it will break the spacing mech that i have in place. I had the most problem with that part of the javascript. The styling of all the layers was also a big issue for me I think I can find another solution to it ,but will have to start from the beginning and rework the project. I hope in the future when I finish learning react I can redo the project in react

Community feedback

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