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

HTML CSS

jing 20

@jing0429

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


Is there any part that I can do better? Thank you All !!!

Community feedback

ellienndea 130

@ellienndea

Posted

Hi Jing, this looks pretty good. 😊 One tip that I got, is to not use px but em and rem instead. On my screen the card is not properly centered, instead of using position: absolute; top:...; left:... you could make the body a flex-container width height: 100vh(viewport height) and use justify-content: center and align-items: center. The mask is a little too light. For your first project it looks pretty good! 😊 Happy coding!

1

jing 20

@jing0429

Posted

@ellienndea WOW thanks for reply rapidly ,it's amazing !! Since I dont know the exist of flex-container before,but now I know it by your reply ,thanks. it helps a lot!

0
ellienndea 130

@ellienndea

Posted

@jing0429 This makes me happy. 😊 I'm just trying to give back what I received in this awesome community!

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