Design comparison
SolutionDesign
Solution retrospective
Making the card responsive gave me a very hard time, need tips on how to make things responsive in a simpler way
Community feedback
- @hyrongennikePosted about 2 years ago
Hi @AbubakarImam,
Nice job on your first attempt of the challenge
You can remove this
h-\[90\%\]
. Addflex
on the main tag to center the card. For the images to keep there aspect ration and not look squeezed or stretched add this class on the imagesobject-cover
.Instead of
h-screen
youmin-h-screen
on the main tag to prevent overflow issues.Hope this is helpful
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