Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Blog-preview-card component webpage including hover actions

@DetonatedSkull1722

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I am proud of the time taken. It reduced by half of my first project's upload. I also got to learn hover actions, transform and translate options in css which adds a subtle action/animation to the object being applied to. I don't think I would like to change anything much because it looks almost perfect for my second project and as a component.

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

I encountered the challenge of not knowing how to animate and work on transform when a hover action was performed on an element. I went to mdnDocs and also used Ai to get to know about it better.

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

I would like to know more about how animations are done with css like transform and ease properties etc.

Community feedback

P

@julianesilvac75

Posted

Your solution looks very cool, especially the animation at the hover action! Nice job :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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