I need to cut my below div boxes into two.Please help me out

And My HTML Code is ' <div *ngFor="let value of dashBoardTableList ;let i=index" myStyleDirective

     [ngClass]="value.crDt==1 ? 'table5' : 'table3' " 
    itemIndex="i"
    (click)="navToOrder(value.agId,value.invoiceId,value.tableNo,value.currStageName)"
    [style.background-color]="value.currStageColor"
    class="table1 m-3" 
    tooltip={{value.currStageName}}
    placement="top">
           <span class="homeTopLabel ">{{value.noOfCovers}}</span>
        <span class="leftGlass">
            <i *ngIf="value.currStageName!='Empty'" class="fa fa-glass "></i>
            <i *ngIf="value.currStageName=='Empty'" class=" fa fa-glass fa-flip-vertical"></i>
        </span>
        <span class="fa-stack middlePlate">
            <i class="fa fa-genderless fa-stack-2x" style="font-size:35px;"></i><i class="fa fa-spoon fa-stack-1x"
                style="font-size: 15px;top: 5px;left: -1.5px;"></i>
        </span>
        <span class="rightGlass">
            <i *ngIf="value.currStageName!='Empty'" class="fa fa-glass "></i>
            <i *ngIf="value.currStageName=='Empty'" class=" fa fa-glass fa-flip-vertical"></i>
        </span>

        <span class="homeBlabel">{{value.tableNo}}</span>

    </div>
</div> '