Skip to content
Submitted over 3 years ago

Stats Preview Card Component

Shardul Mulayā€¢70
@sh4rdu1-git
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

That took me longer than I expected. Never knew I would struggle this much while setting margins and padding. Suggest me some tutorials or blogs which can help me understand those things clearly. You can also give constructive criticism on my design.

Community feedback

  • spyderā€¢315
    @ratan17Posted over 3 years ago

    1. avoid using pixel values

    2. and while using flex there's no need to everytime to enclose the flex-items in a div... when you set a div parent to display:flex the children inside it will be set to flex-items

    3. margins, padding are part of BOX MODEL. so read about that on MDN's website and also read about 'box-sizing' css property

    4. get used to getting frustrated while coding šŸ˜

    If you have more questions ,I'd be really glad to answer them

    Marked as helpful
    1
    Shardul Mulayā€¢70
    @sh4rdu1-gitPosted over 3 years ago

    @ratan17 Thanks! I'll keep the above points in mind :)

    PS: As a Computer Engineer, I'm pretty used to getting frustrated over errors :P

    0
    spyderā€¢315
    @ratan17Posted over 3 years ago

    @sh4rdu1-git ohh you have a computers background ! nice nice! I don't need to tell you about the frustration thing then šŸ˜‹

    0

Please log in to post a comment

Log in with GitHub

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