Skip to content
Submitted over 3 years ago

HTML, CSS, Bootstrap

Snigdha Behera•15
@Snigdha-162000
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

I have tried my best to make this as similar to the design as possible. Can someone suggest a solution to how I can make the edges curved?

Community feedback

  • Nene16•95
    @Nene16Posted over 3 years ago

    For make a edge curve, you can add border-radio to your .center (style sheet).

    1
  • Андрій Рогов•1,155
    @Andrii-RohovPosted over 3 years ago

    Hi, great job. In your solution, its imposiblle to add curved corners in one place so you should try to add border-radius: 10px 0px 0px 10px; to column1 and add border-radius: 0px 10px 10px 0px; to column3

    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