Design comparison
SolutionDesign
Solution retrospective
Ok, i wrapped my head around this and still couldn't get the slim rectangular shape in mobile version, help?...
Community feedback
- @YeniUvwoPosted 10 months ago
To get the slim rectangular shape in mobile, don’t just set a width of 90%, you need to add a max-width in px on your .component and on your image.
Kindly note that it is advisable to always start your designs with mobile first.
To adjust your design, try reducing your % and set a max-width for the bigger screen. Hope this helps.
Marked as helpful0
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