<div style="display:grid; gap: 1rem; grid-template-columns:repeat(2,1fr);">
    <div><span class="recipes-main-headings">Category</span> <?= $recipe->Category ?></div>
    <div><span class="recipes-main-headings">ID</span> <?= $recipe->RecipeID ?></div>
    <div><span class="recipes-main-headings">Finished Weight per Pack</span> <?= $recipe->PackQty ?>g</div>
    <div><span class="recipes-main-headings">Production Wastage(%)</span> <?= $recipe->WastePercent ?></div>
    <div style="grid-column: 1 / span 2;"><span class="recipes-main-headings"><?= number_format($recipe->sumcoffeeqty,3) ?>Kg of Coffee is needed to produce <?= number_format(($recipe->NumPacks * $recipe->PackQty)/1000,3)."Kg"?> of finished coffee in <?= $recipe->NumPacks ?> Pack<?= $recipe->NumPacks > 1?'s':''?></span></div>
    <div></div>
    <div></div>
</div>
<div class="recipes-main-headings">Notes</div>
<div id="recipes-notes"><?= $recipe->Notes ?></div>