Design comparison
SolutionDesign
Solution retrospective
I really really want to enhance this code, any advices could help
Community feedback
- @nzabajpPosted over 2 years ago
Hi, I have the following suggestions:
-
Remove the height prop on the main element (inside your @media query)
-
Inside your @media query, change the align-items prop to center, this will ensure the content on your website remains vertically centered during resizing
-
Also, consider removing the width prop on your main element and giving its children a width: (in %), and max-width: (in px). This will help in avoiding the side-scrolling that occurs when resizing.
Marked as helpful1 -
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