Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats Preview Card Component

@Ankitnsk178

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@RanitManik

Posted

  • 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 helpful

0

@Ankitnsk178

Posted

@RanitManik ThankYou for your feedback😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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