JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col-md-12">
        <div class="cat-wrap">
            <div class="category">
                <button class="btn btn-default"><?php echo $lrow[84]; ?></button>
            </div>
            <div class="category mid-cat">
                <img id="qr_click" class="qr_click" src="recourses/imgs/qr_code.png" alt="QR Code" />
            </div>
            <div class="category">
                <img style="height:200px;" src="recourses/imgs/identiteitskaart.jpg" alt="identiteitskaart" />
            </div>
        </div>
    </div>
</div>

CSS

.cat-wrap {
    display: flex;
    justify-content: center;
}

.category {
    float: none;
    display:inline-block;
}
.mid-cat  {
    margin: 0px 10px;
}