Looking for the effective way to use flexbox

    <div class="d-flex justify-content-between mt-6 mb-4 mb-sm-8">
        <div>
            <h1 class="text-start fw-bold">Internal Handover</h1>
            <span class="breadcrumb-item">Dashboard / Internal Handover</span>
        </div>
        <div class="d-flex align-items-center">
            <a href="/handover/new" class="btn btn-primary float-end">Initiate Handover</a>
        </div>
    </div>

    <div class="d-flex justify-content-between mt-6 mb-4 mb-sm-8">
        <div>
            <h1 class="text-start fw-bold">Internal Handover</h1>
            <span class="breadcrumb-item">Dashboard / Internal Handover</span>
        </div>
        <div class="d-flex align-items-center">
            <a href="/handover/new" class="btn btn-primary float-end">Initiate Handover</a>
        </div>
    </div>