Design comparison
SolutionDesign
Community feedback
- @RanitManikPosted 5 months ago
- Never ever set the horizontal width to 100vw. By default, it will take up the full width in your case. The issue with the CSS code
.container { min-width: 100vw; }
is that it establishes the minimum width of the container as 100 viewport widths (vw). This implies that the container will always be at least as wide as the entire viewport, which could lead to horizontal scrolling or unintended layout problems, particularly on smaller screens or when the content inside the container needs less space than the viewport width. Therefore, I recommend removing this line of CSS.
I hope you find my feedback helpful. Please mark it as helpful if you do.
Marked as helpful0 - Never ever set the horizontal width to 100vw. By default, it will take up the full width in your case. The issue with the CSS code
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