JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="container-wrap">
    <div class="form-container">
        <div class="form"></div>
    </div>
    <div class="form-container">
        <div class="form"></div>
    </div>
    <div class="form-container">
        <div class="form"></div>
    </div>
    <div class="form-container">
        <div class="form"></div>
    </div> 
     <div class="form-container">
        <div class="form"></div>
    </div>  <div class="form-container">
        <div class="form"></div>
    </div> 
    </div>

</div>

CSS

.container{
    overflow:hidden

}
.container-wrap {
    width: 9999px;
}
.form-container{
    width: 200px;
    height: 50px;
    float: left;
     margin-left: 20px;
}
.form{
    background-color: red;
    height: 30px;
    width: 100%;
   
    border:  1px solid gray;
    display: inline-block;
    
}