Submitted 11 months ago

Interactive Card Details Form

Patrick•590

@patrickppg

A solution to the Interactive card details form challenge

Preview Code

Solution retrospective

What challenges did you encounter, and how did you overcome them?

Making the positioning and sizing of the cards responsive was initially quite difficult, because the card was resizing but its text content was not scaling accordingly, since the only way I know how to do this in CSS is using viewport relative lengths, which does not work in the way I wanted. As a solution, I implemented the text using SVG.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Patrick'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