src/components/list/ListDivided.astro
---
// ListDivided, recovered from blurr-components.pages.dev
---
<dl class="lst-div"> <div class="lst-div__row"> <dt class="lst-div__left">Kanaal</dt> <dd class="lst-div__right">Google Search Ads</dd> </div><div class="lst-div__row"> <dt class="lst-div__left">Budget</dt> <dd class="lst-div__right">€2.500 / maand</dd> </div><div class="lst-div__row"> <dt class="lst-div__left">ROAS</dt> <dd class="lst-div__right">4,2×</dd> </div><div class="lst-div__row"> <dt class="lst-div__left">Looptijd</dt> <dd class="lst-div__right">6 maanden</dd> </div><div class="lst-div__row"> <dt class="lst-div__left">Resultaat</dt> <dd class="lst-div__right">+180% omzet</dd> </div> </dl>
<style>
.lst-div{margin:0;padding:0}
.lst-div__row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}
.lst-div__row:last-child{border-bottom:none}
.lst-div__left{font-size:.875rem;color:#888;font-weight:500}
.lst-div__right{font-size:.95rem;font-weight:700;color:var(--color-primary);margin:0}
</style>