Skip to content
Submitted 3 months ago

Blog-Preview-Card-CSS-Grid

menggay_•20
@jamenggay
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

The most difficult part is how to shape the round of the svg image as border-radius does not work for svg. I was able to figure it out after some research and this is what I used:

clip-path: inset(0% round 15px);

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

I wanna do the hover effect but I can't figure it out. Any tips?

Community feedback

  • Svitlana Suslenkova•5,360
    @SvitlanaSuslenkovaPosted 3 months ago

    I see you added grid, but your project didn't align to the center. The problem is you should add to your grid also min-height: 100vh;

    Hope you found this comment helpful :)

    1
    menggay_•20
    @jamenggayPosted 3 months ago

    Thank you for your feedback! Will definitely add that!

    0
  • Ankit Singh•20
    @Ankitt-sngh06Posted 3 months ago

    good

    0

Please log in to post a comment

Log in with GitHub

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