JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "container">
     <div class = "one">Div 1</div>
     <div class = "two">Div 2</div>
</div>

CSS

.container{
    overflow: hidden;
    width: 810px;
    min-width: 810px;
    white-space: nowrap;
}
.one, .two{
    width: 300px;
    height: 450px;
    border: 1px solid black;
}
.one { 
    float: left; 
}
.two {
    margin-left: 310px;
}