Submitted over 2 years ago
Responsive Credit card Form using HTML CSS ( SASS ) and JavaScript
@UserAhmad2001
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
- @yacineKahlerrasPosted over 2 years ago
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 helpful1@UserAhmad2001Posted over 2 years ago@yacineKahlerras
You are right 😮
I didn't notice that, Thanks for the reminder.😀
1
Please log in to post a comment
Log in with GitHubJoin 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