Interactive Card Details Form using React and Tailwind

Hello, everyone. This is my solution for this challenge. And I have some questions. When I added a “name” attribute for the input of Cardholder Name and I typed valid value and submitted the form, it shows me can’t be blank error along with others( they are also blank so there is no problems with those ones). So I have to leave the name attribute out for that input. Do u know why it’s happening?

Another question is how do I get the values form the inputs and display it on the card’s front and end real-time. Please guide me. I use context api so far. And I’m lost at getting the input values. If I have to use onChange event, how to do that please.. it’s kinda complicated for me.

And I have one more question. Seniors here told me to use rem, em instead of px. But here I’m using Tailwind. So when I need to use custom values, I just have to calculate how much it has to be in rem? I can’t set the html tag to font-size : 62.5%; like in the previous projects because when I do that other values in Tailwind will be mess up. Please give me some advices on this matter too. Have a nice day !