> 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. 

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

<figure><img src="/files/Gzlw8jW7ljcrnHL6siQm" 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="/files/SUIHnJr0T4oRcIAYLwOT" 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="/files/oLTHmq2pS1FQULm1D0mA" 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="/files/t6IuhyixK1xGM6Bw3jgu" 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;