> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/additional-features/cms-extensions/cms-blocks/columns/three-columns-2-8-2.md).

# Three columns, 2-8-2

{% hint style="info" %}
**Note**: This article is work in progress.
{% endhint %}

Der ThemeWare® CMS-Block "**Drei Spalten, 2-8-2**" (ca. 16.667% | ca. 66.667% | ca. 16.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2FmvoCdAQZ7Zq4KOSKuUHO%2Fimage.png?alt=media&amp;token=0211006c-7a6d-464d-836e-5378bc50e313" alt=""><figcaption><p>ThemeWare® CMS block "Three columns, 2-8-2" [Pro]</p></figcaption></figure>

## Example

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2FNGHdaaN7Y9F6fEM3LBEw%2Fcms-block--grid-three-column-2-8-2.png?alt=media&amp;token=528ec928-5de1-4d1a-8fcb-7fac25417e5c" alt=""><figcaption><p>ThemeWare® CMS block "Three columns, 2-8-2"</p></figcaption></figure>

{% hint style="success" %}
**Tipp**: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe "[Adjusting column spacings in CMS blocks](https://knowledge.themeware.design/knowledge-base/tutorials/shopping-experiences/adjusting-column-spacings-in-cms-blocks)") modifizieren.
{% endhint %}

***

## Demo

You can find some examples of use in our demo shops:

{% embed url="<https://demo.themeware.design/modern/en/Features/ThemeWare-CMS-blocks/Column-blocks/>" %}
ThemeWare® Demoshop => Column blocks
{% endembed %}