Skip to content
Submitted almost 3 years ago

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

accessibility, node, sass/scss, jss
Ahmad_Mana•320
@UserAhmad2001
A solution to the Interactive card details form challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Yacine Kahlerras•820
    @yacineKahlerras

    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

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