Skip to content
Submitted over 2 years ago

Four Card Feature

Samson Sham•140
@samsonsham
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Please feel free to comment. Thank your so much!

Question

border-top in my cards looks different from the design. The corners are a little bit bended. I don't know how to make the border-top like the design.

Community feedback

  • CodeWithPedro•160
    @codewithpedroPosted over 2 years ago

    Hi Samson,

    I looked over your border-top card design and I believe you are fine. The preview makes it look different from the solution, however, when I head over to the preview site the radius of the card is fine. You can add maybe .3rem to your radius and maybe the preview will render the same as the solution but you're fine.

    Overall you nail the solution. Also great job on the js object to render the cards content.

    Marked as helpful
    1
    Samson Sham•140
    @samsonshamPosted over 2 years ago

    @jovanydev Hi Jovany! I update the cards border-radius to .3rem as you suggested and it works! Thanks you so much! Have a nice day!

    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