Submitted 5 months ago

blog-preview-card

AhmedAwad231• 110

@AhmedAwad231

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

iam proud of i can create a this site like the design

What challenges did you encounter, and how did you overcome them?

how to make the text in same place in design

What specific areas of your project would you like help with?

Community feedback

aryakrishnaksh2021• 50

@aryakrishnaksh2021

Posted 5 months ago

You can actually give a transformY animation and shadow animation to the card to achieve a good hover effect
You can give transition duration and transition-timing-function to achieve a smooth animation

AhmedAwad231• 110

@AhmedAwad231

Posted 5 months ago

Thanks for your feedback @aryakrishnaksh2021

Please log in to post a comment

Join 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