> 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/grids/grid-one.md).

# Grid 'One'

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

Der ThemeWare® CMS-Block "**Grid 'One'**" ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

<figure><img src="/files/gaxTFn0qNOhXfNk8YbeX" alt=""><figcaption><p>ThemeWare® CMS block "Grid 'One'"</p></figcaption></figure>

{% hint style="warning" %}
**Important**: This block is only available in the ThemeWare® Pro Edition.
{% endhint %}

#### Standard-Einstellungen

* Alle Bild-Elemente nutzen den Darstellungsmodus "Füllen".
* Die kleinen Bild-Elemente haben eine minimale Höhe von `320 px`.
* Das große Bild-Element nutzt die komplette Höhe und sollte eine minimale Höhe 2x der minimalen Höhe der beiden linken Bilde-Elemente haben (z.B. `640 px`).
* Hinweis: In älteren Versionen von ThemeWare® kann es nötig sein noch die Lücke (z.B. `20px`) einem Element zu addieren.

{% 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/Grid-blocks/>" %}
ThemeWare® Demoshop => Grid blocks
{% endembed %}