JSFiddle - React, Tailwind, and code Playground

by Vipin Patil

HTML

<div>
asd
</div>

CSS

div{
  background:red;
  width:90%;
  height:50px;
  -webkit-border-bottom-right-radius: 150px;
-webkit-border-bottom-left-radius: 150px;
-moz-border-radius-bottomright: 150px;
-moz-border-radius-bottomleft: 150px;
border-bottom-right-radius: 100px  50px;
border-bottom-left-radius: 100px  50px;
 // border:1px solid blue;
//  border-width:20px
//  border-radius:20px / 50px;
}

p{background:red;
height:50px;
  border-top-left-radius:     2em 0.5em;
border-top-right-radius:    1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius:  1em 3em;
}