Title here
Summary here
Card Grid
Use the card-grid shortcode to wrap
card or
link-card shortcodes in a responsive side-by-side layout. On smaller screens the cards stack vertically.
Usage
{{< card-grid >}}
{{< card title="…" >}}…{{< /card >}}
{{< card title="…" >}}…{{< /card >}}
{{< /card-grid >}}card-grid has no parameters of its own — all configuration lives on the child cards.
Examples
With cards
Fast
Optimized for performance out of the box.
Secure
Security best practices built in.
{{< card-grid >}}
{{< card title="Fast" icon="brand-speedtest" color="yellow" >}}
Optimized for performance out of the box.
{{< /card >}}
{{< card title="Secure" icon="shield" color="green" >}}
Security best practices built in.
{{< /card >}}
{{< /card-grid >}}With link cards
Install
Set up a new Doks project.
Configuration
Customize your site settings.
{{< card-grid >}}
{{< link-card title="Install" description="Set up a new Doks project." href="/docs/start-here/installation/" >}}
{{< link-card title="Configuration" description="Customize your site settings." href="/docs/start-here/configuration/" >}}
{{< /card-grid >}}