Design comparison
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
Community feedback
- @NaveenGumastePosted over 2 years ago
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 helpful0 -
- @GitHub-dev12345Posted over 2 years ago
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 helpful0 - @shashreesamuelPosted over 2 years ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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