{{/* Modified version of https://github.com/imfing/hextra/blob/v0.9.7/layouts/partials/shortcodes/cards.html */}}
{{- $cols := .cols | default 3 -}}
{{- $content := .content -}}
{{- $mainClass := .mainClass | default "hextra-cards" -}}

<div class="{{$mainClass}} hx-mt-4 hx-gap-4 hx-grid not-prose" style="--hextra-cards-grid-cols: {{ $cols }};">
  {{- $content -}}
</div>