
Design comparison
Solution retrospective
I built this solution fairly quickly and true to the design without having access to the Figma file. I don't think I would do anything different for handling this simple feature.
What challenges did you encounter, and how did you overcome them?I was exploring whether it's possible to reduce the profile's top and bottom padding for mobile without resorting to media queries. I got this working using clamp
with vh
units, but the viewport had to be fairly high to force the padding to its maximum size. Ultimately, I resorted to a combination of media queries and a very subtle transition effect to smooth out the transition between the mobile and desktop layouts.
Making sure I'm following best practices and using modern frontend web development conventions.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ahmed4234
great work, close to the design
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