JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
    <div class="container">
        <div class="row mt-5">
        <div class="col-md-8" style="min-height:200px; border: 1px solid red">
        </div>
        <div class="col-md-4">
            Box1
        </div>
        </div>    
        <div class="row mt-3">
        <div class="col-md-8" style="min-height:4000px; border: 1px solid red">
        </div>
        <div class="col-md-4">
        <div style="position:fixed">
        Some sample content
        </div>
        </div>
        </div>
                <div class="row">
        <div class="col-md-8" style="min-height:500px; border: 1px solid red">
        </div>
        <div class="col-md-4">
            Box End
        </div>
        </div>
</div>