@foreach($devices as $device)
<div class="barcode">
<p>{!! DNS1D::getBarcodeHTML($device->imei, "C128",2.2,34) !!}</p>
    <p>IMEI&nbsp;&nbsp;&nbsp;:&nbsp;{{$device->imei}}<br>
    ICCID&nbsp;:&nbsp;{{$device->iccid}}<br>
    UIN&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;{{$device->uin}}<br>
    SIM&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;{{$device->sim_provider}}
    </p>
</div>

@endforeach 

<!-- <div class="barcode-container">
    @foreach($devices as $device)
    <div class="barcode">
    <p>{!! DNS1D::getBarcodeHTML($device->imei, "C128", 1.6, 24) !!}<br>
       IMEI:&nbsp;{{$device->imei}}<br>
       ICCID:&nbsp;{{$device->iccid}}<br>
       UIN:&nbsp;{{$device->uin}}<br>
       SIM:&nbsp;{{$device->sim_provider}}<br>
    </p>
    </div>
    @endforeach 
</div> -->

<style>
    /* .barcode-container {
        width: 100%;
        height: 100vh;
        padding: 0 0 20px 25px;
        margin-bottom: 10px;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
    } */

    .barcode {
        text-align: top;
        transform: rotate(90deg);
        transform-origin: center;
        margin-left: 145px;
        padding: 0 0 5px 0;
        margin-bottom: 75px;
    }

    .barcode > p {
        font-size: 24px !important;
        font-style: bolder;
        white-space: nowrap; 
        word-break: keep-all;
        line-height: .9; 
        padding: 0;
        font-family: 'Arial', sans-serif;
    }

</style>