#arnaud5356
1 messages · Page 1 of 1 (latest)
Hello 👋
My understanding is that the CardElement inherits styling from its parent container/div.
So if the parent container isn't responsive then the card element won't be either
yes it is/
I just want the "number card + MM//AA + CCV + Postal code" on the same line to be divided in two line !
Here is my code in my return :
<div className="bg-white rounded shadow appearance-none border-red-800 border-solid border-2">
<div
style={{
display: "flex",
flexDirection: "column",
gap: "10px",
padding: "20px",
}}
>
<div className="bg-green-100 px-1 md:px-2 py-2">
<CardElement options={cardStyle} />
</div>
</div>
</div>