Design comparison
Solution retrospective
I am proud that this is my first completed challenge, even though it is a very simple one.
What challenges did you encounter, and how did you overcome them?One challenge was that the cards changed their size depending on the number of text rows. For example, if one card had 5 text rows, and the other cards had only 4, the one that 5 rows increased slightly in size, making the cards seem disproportionate. Fixed that by applying "align-items: stretch;" to the flex container. This makes all the cards have the same size as the tallest item.
What specific areas of your project would you like help with?I am sure that there are lots of ways to improve my code. I would really like to know what improvements I can make to my code, especially for CSS.
Community feedback
- @asimsaeed353Posted about 1 month ago
Congratulation on this great design. To have equal columns, you can try grid. It's less complicated to deal with when you want to design layouts which has equal columns/boxes.
Marked as helpful0@cristiensenPosted about 1 month ago@asimsaeed353 Thank you for the advice! I will try using grid.
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