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.

Overview

Users should be able to:

Fill in the form and see the card details update in real-time
Receive error messages when the form is submitted if:
- Any input field is empty
- The card number, expiry date, or CVC fields are in the wrong format
View the optimal layout depending on their device's screen size
See hover, active, and focus states for interactive elements on the page

I learned a lot about RegEx, and its use cases
I made progress in JavaScript abilities
I reenforced what I learned so far, both in CSS and JavaScript and found new ways to implement different layouts
Developed a keen eye for detail
Gained valuable confidence in my abilities to keep me going, and always striving for more and always improve myself

Stack Overflow - This helped me a ton with my RegEx and form validation process. Clarified to me how often RegEx is being used in form validations, and I learned new ways to validate forms, and I can't wait to learn more about it

Name		Name	Last commit message	Last commit date
Latest commit History 6 Commits
design		design
images		images
.gitignore		.gitignore
README.md		README.md
Screenshot_Frontend_Mentor_Interactive_card_details_form.png		Screenshot_Frontend_Mentor_Interactive_card_details_form.png
form-validation.js		form-validation.js
index.html		index.html
style-guide.md		style-guide.md
styles.css		styles.css
styles.css.map		styles.css.map
styles.scss		styles.scss