Skip to content
Submitted about 1 year ago

Blog Preview site using html and css

mayank1405•100
@mayank1405
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

This would be my second project on frontend mentor. It feels nice to have completed this project and see it be almost the desired output. I would learn a bit of JS and make it more responsive

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

I couldn't figure out how to change the property of a parent element when hovering over a child element with only html and css. I didn't want to use JS as I wanted this to be a pure html css project. I would really appreciate if someone can suggest a way.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Dylan de Bruijn•3,220
    @DylandeBruijn

    Hi @mayank1405,

    I'm glad I was able to help you out! Could you mark my comment as helpful when you have the chance? That would help me out a great deal!

    I read the challenge again but couldn't find the specification to increase the box-shadow on the card when hovering the card title. But I must admit I have seen some other people do it. What I think is that they grow the box-shadow when the user hovers on the card and turn the card title yellow when that gets hovered. So there are two separate hover animations.

    Marked as helpful
  • Dylan de Bruijn•3,220
    @DylandeBruijn

    Hi @mayank1405,

    Congratulations on another great solution! It's good that you want to learn a bit of JS an try to make it more responsive.

    I would love to help you out with your challenge, but I'm confused what you are describing:

    I couldn't figure out how to change the property of a parent element when hovering over a child element with only html and css.

    Marked as helpful

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