JSFiddle - React, Tailwind, and code Playground

by Maxim

HTML

<div class="container">
    <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>

CSS

.container{
    overflow:hidden

}
.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;
    
}