Skip to content
Submitted about 3 years ago

Flex-Box

Jamir•130
@jamir-24
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Border-radius won't apply on semantic tag, even with a div container. Couldn't find anything useful on google. Can someone have a look at my code and see if you can figure out what the problem is? Thanks in advance.

Community feedback

  • Account deleted

    Hi,

    I think I figured out when there issue might be;

    • Put a background-color on main and you'll see why it's not working.
    • I applied it on .top__desc and it worked, make sure to only do the top corners by doing it like this; border-radius : 10px 10px 0 0, and you can continue with the rest.

    Keep coding👍.

    Marked as helpful
    2
    Jamir•130
    @jamir-24Posted about 3 years ago

    @thulanigamtee I did figure out the 2nd point but then I had to go over all the media-query and write extra codes. But why can't I give radius without background on main and done with it? Still unclear cuz all contents are inside the tag :( Thanks anyway for valuable input.

    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