Skip to content
Submitted over 3 years ago

Stats-preview-card-component

audina sitanggang•100
@audinastgg
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

here my solution for stats preview card component and I am still confuse how to make 10k+ companies, 314 templates 12M+ queries to center position in responsive design, please give some feedback, thank you

Code

Please log in to post a comment

Log in

Community feedback

  • Naveen Gumaste•10,420
    @NaveenGumaste

    Hello audina sitanggang ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • I think you have made the solution for 1440p display size right?

    • to make it responsive you have to add media-queries

    happy Coding😀

    Marked as helpful
  • Dev Rathore•2,540
    @GitHub-dev12345

    Congratulation to complete the challenge ❤️👍 My small suggestion : 1.In Card design CSS Code Used this:

    transform : scale(0.8); this property decrease the size of card. 😉

    large size for increase the number of scale & small size for decrease the number of scale

    I hope you find this helpful

    Marked as helpful
  • Shashree Samuel•8,860
    @shashreesamuel

    Good job with this challenge keep up the good work. To center position the card stats for the responsive design using css grid then change the grid-template-columns property responsible for the grid to one column. In terms of flexbox then just change the flex-direction property on the respective class to column.

    Hope this clarifies your confusion.

    Cheers, Happy coding, 👍

    Marked as helpful

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