JSFiddle - React, Tailwind, and code Playground

by andysmiffy

HTML

<div class="container">

<div class="column">
    <strong>Lane 1</strong>
    <ol>
        <li>
         <div class="SalesClass">Car</div>
         <span class="user-meta">
          <strong>John</strong>
          <i>|</i>
          <strong>12:45</strong> 
          <i> | </i>
          <strong>£12.50</strong>
        </span>            
        </li>
        <li>
         <div class="SalesClass">Car</div>
         <span class="user-meta">
          <strong>John</strong>
          <i>|</i>
          <strong>12:45</strong> 
          <i> | </i>
          <strong>£12.50</strong>
        </span>            
        </li>
        <li>
         <div class="SalesClass">Car</div>
         <span class="user-meta">
          <strong>John</strong>
          <i>|</i>
          <strong>12:45</strong> 
          <i> | </i>
          <strong>£12.50</strong>
        </span>            
        </li>
    </ol>
    

</div>

<div class="column">
    <strong>Lane 2</strong>
        <ol>
        <li>
         <div class="SalesClass">Car</div>
         <span class="user-meta">
          <strong>John</strong>
          <i>|</i>
          <strong>12:45</strong> 
          <i> | </i>
          <strong>£12.50</strong>
        </span>            
        </li>
        <li>
         <div class="SalesClass">Car</div>
         <span class="user-meta">
          <strong>John</strong>
          <i>|</i>
          <strong>12:45</strong> 
          <i> | </i>
          <strong>£12.50</strong>
        </span>            
        </li>
        <li>
         <div class="SalesClass">Car</div>
         <span class="user-meta">
          <strong>John</strong>
          <i>|</i>
          <strong>12:45</strong> 
          <i> | </i>
          <strong>£12.50</strong>
        </span>            
        </li>
    </ol>
</div>
    
<div class="column">
    <strong>Lane 3</strong>
       <ol>
        <li>
         <div class="SalesClass">Car</div>
         <span class="user-meta">
         ...

CSS

.container {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background-color: #66ffff;
}
.column {
    float: left;
    margin: 10px;
    background-color: grey;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    width: 23%
        border-radius: 10px;
}
.SalesClass{
        background-color: red;
}

.li {
    margin: 20px;    
    padding: 20px;
    border: 1px;
    border-radius: 10px;
}