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

My Stats preview card component Challenge

Ulrich1979 160

@Ulrich1979

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Wanted to build with grid layout and struggled a bit. Let me know if there are better solutions. Feel free to leave any others comments as well.

Community feedback

P

@KrishnaVishwakarma1595

Posted

Hi, @Ulrich1979

  • Instead of using width: 100vw for your id="main", you can use width:100%. This width:100vw creates an unnecessary horizontal scroll on your design.

  • For id="container", there is no need for height: 446px;margin: auto;

  • As you are using grid column 1fr fr, there is no need to provide the width & height for the id="image-part", you can give this width: 100%;height:100%

Hope these points will help you. Although, great solution. Congrats on completing the challenge.

Happy Coding

Marked as helpful

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