Skip to content

Switcher

---
import Card from "@components/Card.astro";
---

<div class="l-switcher" style="--sw-breakpoint: var(--width-48);">
  <Card />
  <Card />
  <Card />
</div>

Use this pattern to create a row of elements that switches to a single column at a specific breakpoint. Useful in instances where the Cluster or Grid are not appropriate. An example would be if you have an odd number of elements.