JSFiddle - React, Tailwind, and code Playground

HTML

<div class="scroller">
    <div class="left"></div>
    <div class="sc"></div>
    <div class="right"></div>
</div>

CSS

.scroller {
        width: 90%;
        height: 200px;
        margin: 0 auto;
        position: relative;
        background: #ccc;
}
.left {
        width: 12px;
        height: 198px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #aaa;
}
.right {
        width: 12px;
        height: 198px;
        position: absolute;
        top: 0px;
        right: 0px;
        background: #aaa;
}
.sc {
        width: auto;
        height: 198px;
        background: #aaa;
        margin: 0px 14px 0px 14px;
}