Design comparison
Solution retrospective
Any feedback is welcome!
Community feedback
- @AgataLiberskaPosted almost 3 years ago
Hi @NadieM, nice work! Everything is responsive and I really like the animation you added when cards resize. The main issue I see is that instead of controlling the size of individual cards, you restrict the size of the container they're in (10rems of padding top and bottom). For this application this isn't a massive issue, they're a bit taller in the comparison to the design but yeah, they look ok. However, imagine you have to add 10 more cards/categories here. You could end up with some overflow or content being cut off or inaccessible.
In general, there will be few situations where you need to set a height to an element like this. Instead, let the content control the size of the cards (with some padding + margin).
Hope this helps, keep coding! :)
1@NadiemMPosted almost 3 years ago@AgataLiberska Thanks for the feedback! Much appreciated and very helpfull!
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