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 main

@PedroBritoDEV

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

Community feedback

@benoclock

Posted

Hi Perdo,

You can improve your solution by just adding few HTML attributes :

  • I can fill the card number input with too much digits (add a limit to 16)
  • I can set the "MM" input with 13, 14, etc. (add a range between 1 and 12)
  • I can set the "YY" input with 1492 (add a range from now to next 10 years)

You can find all you need on the MDN Input Doc : https://developer.mozilla.org/fr/docs/Web/HTML/Element/input

Marked as helpful

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