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 card details form using Grid

Mateo Rinlandā€¢ 210

@mateorinland

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


My first Junior challenge and my first time using Grid for something non-trivial! Please give me feedback on any aspect of it. I feel like the JavaScript can definitely be polished. Is there anything you'd do different with the layout or form validation? Etc.

Community feedback

Marcel Czubakā€¢ 100

@marcelczubak

Posted

Great design!

After typing >18 digits for card number the whole page moves around. You should limit input to 16 digits, and numerical input only. Same for expiry and CVV.

šŸ‘

Marked as helpful

1

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