Responsive Card Details Page Using ReactJS

Site built using ReactJS and the useState hook.

I made the site so that the card details auto-update as you type them in the input form. One thing I failed to achieve was have specific error messages for specific errors that might happen in the inputs.

Instead, I made it so that only numbers can be entered in the fields where numbers are required and only letters can be entered in the name input field.

I would like to hear some feedback on how I can improve my code! Also, if you notice any design errors please tell me so I can fix them right away.