Interactive card details form - React.js , CSS Grid

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!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Lucca Rodrigues's solution.
Join 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