JSFiddle - React, Tailwind, and code Playground
by Tan
HTML
<div class="bg">
<div class="main">
<div class="flex">https://stackoverflow.com/questions/17040709/can-i-create-a-div-with-a-curved-bottom</div>
<div class="test">t</div>
</div>
</div>CSS
.bg {background-color:#dedede;position:relative;overflow:hidden;}
.main {max-width:600px;margin:auto;background-color:red;position:relative;}
.test {background-color:yellow;position:absolute;right:-100%;top:0;width:100%;}