Design comparison
Solution retrospective
I had difficulty adjusting the positions of buttons. When the number of description's lines is less than others, the button's position became higher with the same top margin. I somehow adjusted by increasing the left and right padding of descriptions though, are there any better ways?
Community feedback
- @JanselinPosted over 3 years ago
Great work! try to add the fonts too!
Marked as helpful0@funamiohPosted over 3 years ago@Janselin Thanks for the comment! Yes, that's the problem. When I checked it on Github, fonts are totally fine. Only after uploaded as a solution, found out that fonts are not applied even though I placed "@import url" on the top of css.
0 - @yorlinePosted over 3 years ago
You can try to set the same fixed height on all cards descriptions
Marked as helpful0@jmnyaregaPosted over 3 years ago@funamioh This will definitely work, but they is a gotcha when adding a fixed height.
- If content grows, your width will increase to accommodate the text overflow. If you don't want your card to increase in height when more content is added, set a fixed height with overflow hidden.
1
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