Design comparison
SolutionDesign
Solution retrospective
Feel free to give me feedback and suggestions!
Community feedback
- @geebruPosted over 3 years ago
Setting your
cards-container
toalign-items: center
means as you reduce/expand the browser each card can grow/expand above/below the other cards. If you remove thealign-items
, the cards will (by default) stretch to match each other's height within the container which looks cleaner as you change widths.Marked as helpful1@thisisharshjainPosted over 3 years ago@geebru Yes i understand. I updated it now. Thank you for your suggestion and time 😄
1 - @afrusselPosted over 3 years ago
Main container is not center align vertically. In mobile view boxes width are not good. Use % for box width in mobile view
0
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