JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div class="moduleContentContainer">
<div id="dash-board-container">
     <div class="dash-board-item">
         <div class="quote_list_container">
             <table>
                 <tr><td>ssss</td></tr>
                   <tr><td>ssss</td></tr>
                 <tr><td>ssss</td></tr>
                 <tr><td>ssss</td></tr>
                 <tr><td>ssss</td></tr>
                 <tr><td>ssss</td></tr>
                 <tr><td>ssss</td></tr>
                 <tr><td>ssggggss</td></tr>
                 
             <table>
         </div>
    </div>
</div>
</div>

CSS

body {
    margin: 0;
}

.quote_list_container {
    color: #6e6e6e;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh;
}

.dash-board-item {
    margin-right: 20px;
    display: inline-block;
    max-width: 700px;
    min-width: 300px;
    border: 1px solid #999;
    padding: 0 10px;
    /* margin-bottom: 20px; */
}