Looking for the effective way to use flexbox

Would like to know the best practice when using flexbox.
I am attaching my code snippet and screenshot.
If anyone have a better way, plz help me.
    <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>
image.png
Was this page helpful?