JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div id="childWrap">
        <div id="child"> sdfasdfasdf </div>
    </div>
</div>

<div style="clear: both; padding: 20px 0px 20px 0px;">
red gradient = background of #childWrap 
<br /><br />
dark grey = background of #child
</div>


<div id="parent">
    <div id="childWrap">
        <div id="child" class="size"> sdfasdfasdf </div>
    </div>
</div>

CSS

#childWrap { 
    float: left; 

background: rgb(169,3,41);
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
background: linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
}

#child { background: #333; float: left; margin: 10px; padding: 10px; }

.size { width: 400px; height: 1300px;}