Design comparison
SolutionDesign
Community feedback
- @DanCodeCraftPosted 8 months ago
Hey @Maryiamreda, looks like the layout is alright on the desktop, but the mobile version (375px) is not there.
You could reduce the size of the author's picture and name, to create a better visual hierarchy.
2 main points I would suggest you take another look at:
- the margins are not correct, thus the image is not centralized within the card.
- the box-shadow animation is missing as per the challenge suggested you add.
If you want to make the hovering even better in the text and (in the future) box-shadow animation, you could use the property of transition. Keeping it simple using only two values in this case is completely valid.
Try all 0.2s to create some smooth in and out.
All the best, and keep up the good work!
Marked as helpful0
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