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

Responsive Credit card Form using HTML CSS ( SASS ) and JavaScript

#accessibility#node#sass/scss#jss
Ahmad_Mana• 320

@UserAhmad2001

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


👾 HELLO FRONTEND-MENTOR COMMUNITY

This is my solution for the Landing Page Form challenge 🥳, I added these features:

  • Responsive design.
  • Interactivity to mouse and keyboard events.
  • Interactivity to errors.
  • Card (Front & Back) Change when user types his info.

I'D BE HAPPY TO HEAR ANY FEEDBACK OR SUGGESTION

Community feedback

Yacine Kahlerras• 790

@yacineKahlerras

Posted

hi nice work on the design i just ran into one issue when deleting the card numbers it keeps adding spaces to it which makes me unable to delete them. you can solve it by adding : if (e.inputType == "deleteContentBackward") { return; } to the event function so it doesn't execute the code.

Marked as helpful

1

Ahmad_Mana• 320

@UserAhmad2001

Posted

@yacineKahlerras

You are right 😮

I didn't notice that, Thanks for the reminder.😀

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