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

Custom: Interactive Card Form

Yefree Valdezā€¢ 840

@yefreescoding

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


Frontend Mentor - Interactive card details form solution

This is a solution to the Interactive card details form challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • JavaScript

Community feedback

Peter Khalilā€¢ 100

@Peter3Khalil

Posted

Add some validation to the expiration date and CVC to accept only digits

0

Yefree Valdezā€¢ 840

@yefreescoding

Posted

@Peter3Khalil šŸ‘‹ I think I've already made that validation šŸ¤”. You can only add digits/integers to the date and cvc inputs. If you add a letter/string an error message will pop up.

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