JSFiddle - React, Tailwind, and code Playground

HTML

<div class="canvas_container">
    <div class="canvas" id="d2canvas"></div>
    <div class="canvas" id="d3canvas"></div>
</div>

CSS

.canvas {
    background: #c5c5c5; 
    border: 1px #676767 solid;
    width: 600px;
    height: 338px;
    position: absolute;
}

#d2canvas {
    left: 0;
}

#d3canvas {
    right: 0;
    background: black; 
}

.canvas_container {
    width: 1210px;
    position: relative;
    margin: 0 auto;
    height: 340px;
}