JSFiddle - React, Tailwind, and code Playground

HTML

<body style="background: silver;">
    <div id="wrapper">
        <div id="xx"></div>
        <p>ABC</p>
        <p>ABC</p>
        <p>ABC</p>
    </div>
</body>

CSS

* {box-sizing: border-box;}
#wrapper {width: 100%; position: relative; background: white; padding-left: 150px;}
#xx {position: absolute; top:0; left: 0; width: 137px; height: 100%; background: red}