-4

I am looking for the best way to create two sides curved container in CSS. the bottom of the first div need to be curved outside, and the next div needs to be curved inside.

Here is a picture of the design:

picture of the design

the first div curved can be done by border-radius maybe, but what about the other one? also a note, this should be a responsive design.

Thanks.

Momin
  • 3,200
  • 3
  • 30
  • 48
user3680479
  • 1
  • 2
    did you try anything? Show us some code. – Manish Jul 11 '17 at 10:32
  • 1
    Possible duplicate of [Creating rounded corners using CSS](https://stackoverflow.com/questions/7089/creating-rounded-corners-using-css) – RN92 Jul 11 '17 at 10:35
  • Hi ! It would be better if you checkout [How to create a Minimal, Complete, and Verifiable example](http://stackoverflow.com/help/mcve) of your code for future endeavor at Stack overflow. -Thank you – Momin Jul 11 '17 at 11:17

1 Answers1

1

SVG is a better option. If you still want to do it using CSS then see this: S curve using css

Robert Williams
  • 1,370
  • 1
  • 17
  • 38