Interactive Card Details Form built with React

Had trouble with:

• Couldn't figure out how to make a gradient border for the inputs on focus and with the same radius. So used violet color instead.

• Didn't find a way to use the mask option in react on the input field for the card number. I was able to make it so that there are spaces every 4 characters, however the backspace doesn't work correctly in the input field this way.

Any feedback appreciated! 🙏

Have an awesome day everyone, and happy coding! 🎉