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

Nofar Avivโ€ข 120

@nofaraviv

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


I want to get better on the front-end development. Any comments or suggestions that help me improve are greatly appreciated.

Community feedback

Mijail Hernandezโ€ข 950

@MishaHernandez

Posted

Hello Nofar Aviv ๐Ÿ‘‹

It looks great, congratulations.

I just have a little remark: in desktop layout the main component has a lot of margin-top and this can produce a scroll bar on some screen sizes. So I would recommend removing margin-top and using flexbox or grid to center it horizontally and vertically.

body { display: flex; align-items: center; height: 100vh; }

@media (min-witdh: 1200px) {
   container {margin-top: 0; }
} 

I hope this is helpful to you. Happy coding ๐Ÿ™‚

0

Nofar Avivโ€ข 120

@nofaraviv

Posted

Thank you very much for the advice! I learned something new :)

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