src/components/list/ListGrid.astro
---
// ListGrid, recovered from blurr-components.pages.dev
---
<ul class="lst-grid"> <li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>Google Ads</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>Meta Ads</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>SEO</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>Content marketing</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>E-mail flows</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>Analytics</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>Webdesign</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>CRO</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>LinkedIn Ads</span> </li><li class="lst-grid__item"> <span class="lst-grid__dot"></span> <span>Video marketing</span> </li> </ul>
<style>
.lst-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0}
.lst-grid__item{display:flex;align-items:center;gap:.6rem;padding:.65rem 0;border-bottom:1px solid #f0f0f0;font-size:.95rem;color:var(--color-primary)}
.lst-grid__item:nth-child(odd){padding-right:1.5rem}
.lst-grid__dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex-shrink:0}
</style>