Submitted over 1 year ago

responsive card details form using flexbox and regex

Hassan El Jebyly• 490

@hassaneljebyly

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive card details form

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

I took some liberties and added a a feature to identify card company type using regular expressions, It supports Visa, masterCard, Discover and American Express. excuse the not so impressing animation, still need to work on that

Community feedback

Please log in to post a comment

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