![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/dyjlqpveholgxqoyvnlv.jpg)
Submitted 11 months ago
@font-face; media queries, flexbox; custom properties
@Devs-advocate
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
The two big challenges for me were the layout design, with respect to the front card and the card behind. Also the manipulation of the SVG provided, for mobile responsiveness. I'd probably need more research about SVGs for future projects, but I still think I came very close to the design version.
What challenges did you encounter, and how did you overcome them?Cropping the SVG as per mobile specification was difficult. In the end I had to manipulate the container it was in, not the properties of the SVG.
What specific areas of your project would you like help with?Is there a specific technique I should've used to crop the SVG? I feel the way I achieved it was a bit of a hack.
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