Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm proud I learned how to use SVGs as background images.
The following things were done:
- responsiveness using Flexbox and Media Queries;
- deployment on Netlify.
The only challenge I encountered is rendering the Sidebar on large devices, as its background image is an SVG.
I overcame this challenge by:
- wrapping the Sidebar in a container, whose height is inherited from the form and whose aspect ratio is the same as SVG's;
- setting Sidebar's background-image using the given SVG.
Any advice is appreciated.
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