<main style="padding:1em; display:grid; gap:1rem; grid-template-columns:repeat(1,1fr);">
    <div style="padding:0; display:grid; gap:0; grid-template-columns:repeat(3,1fr);">
        <div style="grid-column:1 / SPAN 2; grid-row:1;">
            <div class="heading-title">COFFEE QUALITY CONTROL CHECKLIST</div>
        </div>
        <div style="grid-column:3; grid-row:1;">
            <div class="bcr-logo"><img style="max-width: 7vw;" src="<?= base_url('/images/RoastPRO-02.jpg') ?>" alt=""></div>
        </div>

    </div>

</main>