Design comparison
SolutionDesign
Community feedback
- @yacineKahlerrasPosted about 2 years ago
Hi @Richard-Emmanuel great job on the challenge everything is set up perfectly, if i can add one small suggestion
to improve the design and make it more responsive for smaller screens you can use the
min()
function in the css for thewidth
so it'll get smaller than305px
but doesn't exceed it.container { background-color: hsl(0, 0%, 100%); border-radius: 0.8rem; width: min(100%, 305px); margin: 6rem auto 1rem; padding: 1rem; text-align: center; }
hope that was helpful and happy coding !
1@Richard-EmmanuelPosted about 2 years ago@yacineKahlerras Thank you for the remark and suggestion, It's much welcomed
1
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