Design comparison
SolutionDesign
Solution retrospective
I'm struggling with responsive/adaptive design on this one. I've made a mobile version of the site, but anything inbetween breaks the layout. Please provide your feedback on how to make layout work on any resolution, and on the project in general.
Community feedback
- @IkuewumiPosted over 1 year ago
Hi 👋. Nice job on the challenge, but here are some suggestions that might help:
- The input overflows on small screens, so you could consider using
min-width: none
on it - As for the image, a possibility is to make if fixed at large sizes and place it back into flow at small ones, and keep the size consistent with
object-fit
If you have any other questions, don't hesitate to comment😉
Marked as helpful1 - The input overflows on small screens, so you could consider using
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