Skip to content
Submitted almost 3 years ago

3-column-preview-card-component using HTML and CSS Grid

Mishal•130
@MishalZia
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi Everyone! I tried to implement a border-radius in the grid container but it didn't work. Can anyone suggest to me how to do it?

Community feedback

  • Agata Liberska•3,995
    @AgataLiberskaPosted almost 3 years ago

    Hi @MishalZia - to answer your question - your border-radius is applied, but the child elements are covering it up. Try setting overflow: hidden; on your grid container. I made a codepen a while ago to show how this works

    Hope this helps :)

    1
    Mishal•130
    @MishalZiaPosted almost 3 years ago

    Hi @AgataLiberska Thank you so much. It worked and I also checked your codepen which is beneficial

    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