Skip to content
Submitted almost 3 years ago

Stats preview card component - CSS, HTML

Juan Gomez•260
@newbpydev
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

Hey guys, this one took me a while to finish because I was experimenting with the grid vs the flexbox and I wanted to use box-shadow but a little differently from what we are used to, I remember seeing this type of shadow on Mac apps, so I decided to make my own shadow design, let me know what you guys think about the project.

Community feedback

  • Kaupaunha•70
    @KaupaunhaPosted almost 3 years ago

    Nice work ! I like what you've done with the shadow !

    Marked as helpful
    0
    Juan Gomez•260
    @newbpydevPosted almost 3 years ago

    @Kaupaunha Thanks, that one I had to try out since I didn't find anything online that was useful and others had so much code to get something similar going, so I thought about the ::before and ::after to add those elements outside from the HTML and after tweaking around I got it working the way that I wanted, I am very proud of that lol

    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