JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "container">
     <div class = "one"></div>
     <div class = "two"></div>
</div>

CSS

.container{
    overflow: hidden;
    width: 810px;
    min-width: 810px;
    white-space: nowrap;
}
.one, .two{
    width: 300px;
    height: 450px;
    background: #f00;
    display: inline-block;
}
.two {background: #0f0;}
.two {
   margin-left: -4px;
}