Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
1
Comments
1
Zana Hicks
@Hickszn

All comments

  • Franco•200
    @ZafkielEdt
    Submitted over 2 years ago

    Product preview card component

    #sass/scss
    1
    Zana Hicks•30
    @Hickszn
    Posted over 2 years ago

    You can use overflow: hidden; in the CSS properties of your section instead of declaring a border radius for the top left and top right of your header image. This way the border radius of 10 px that you've declared for your section with the class of card will appear to affect the image as well.

    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub