> For the complete documentation index, see [llms.txt](https://www.one.thezero.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.one.thezero.club/guide/layout-builder/card-block.md).

# Card block

Another very useful block - is the Card block.&#x20;

{% hint style="info" %}
In older Zero One versions, the Card block is listed in the Dynamic blocks group.
{% endhint %}

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FB7DtVKztxygUmYhiOBYq%2Fscreenshot-zero-one.test-2025.05.29-11_39_09.jpg?alt=media&amp;token=4acd74e1-4ea6-4351-b5ed-aa67c717ee64" alt=""><figcaption><p>Card block selection</p></figcaption></figure>

### Card block Content

In the Card block, you just simply add blocks, just as you would in the Layout column, simple.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2F3IYS3KLm2pGcUINeu6hR%2Fscreenshot-zero-one.test-2025.05.29-11_40_19.jpg?alt=media&amp;token=299864d7-f11f-437f-a2d9-cac7ee9154ed" alt=""><figcaption><p>Card block content</p></figcaption></figure>

### Card Options

In Card Options you finetune your card style, change size, customize the background, and add the badge if needed.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FFI4Gk3S51kMCLjc7fFAf%2Fscreenshot-zero-one.test-2025.05.29-11_41_28.jpg?alt=media&amp;token=f2951322-12bd-4a44-b98b-6edbb24c89c3" alt=""><figcaption><p>Card block options</p></figcaption></figure>

### Card Media options

In card media options you can add image that will fit nicely either top or bottom.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FBK8KVVjgWORR4apu0zrL%2Fscreenshot-zero-one.test-2025.05.29-11_42_34.jpg?alt=media&amp;token=604dd9b0-c25d-4d49-8b52-8de46b415275" alt=""><figcaption><p>Card block media options</p></figcaption></figure>

You can see some examples of Card block in action on this demo page

{% embed url="<https://www.thezero.club/demo/one/layout-builder/columns-magic>" %}

Ok, we hope it is clear so far, and you learned about layout options. Now we can proceed with the presentation of content blocks.&#x20;
