Interactive card details form - React.js , CSS Grid
Design comparison
Solution retrospective
This was my first "real" project with React! Getting the controlled inputs and form validation to work was relatively straightforward, but I still have a few questions:
-
I had a hard time understanding exactly how to implement the desktop design and what UI elements should be responsive. I'm curious: how did you guys approach adding responsiveness to this design?
-
Why is my live site getting blocked by Google Chrome and detected as a phishing attack? Has anyone else faced this issue? I'm also getting an error message that says "Automatic credit card filling is disabled because this form does not use a secure connection" whenever I type into the form inputs, but I'm hosting my site on Vercel, and (I believe) HTTPS is enabled. How can I fix this?
Thanks!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord