JSFiddle - React, Tailwind, and code Playground

by blowsie

HTML

<div class="parent">
 <div class="child"></div>
    <div class="wrap">stuff</div>
</div>

CSS

.parent{
    width: 500px;
    background-color: red;
    margin: 0 auto;
    position: static;
}
.wrap{position:relative; padding-top: 130px}

.child{
    background-color: yellow;
    position: absolute;
    left: 0;
    right: 0;
    height:100px;
        top:30px
    
}

div{
    height: 400px;
}

body{
    background-color: blue;
}