# Grid 'Modern'

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

Der ThemeWare® CMS-Block "**Grid 'Modern'**" 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%2FIE4KpyFyb9ApeG2Qy0CJ%2Fcms-block--grid-modern.png?alt=media&#x26;token=cc486ed9-64fb-49ff-867f-1593b5989e8a" alt=""><figcaption><p>ThemeWare® CMS block Grid 'Modern'"</p></figcaption></figure>

{% hint style="info" %}
**Note**: 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 `300 px`.
* Die beiden großen Bild-Element haben eine minimale Höhe von `640 px`.
* Tipp: Achte darauf, dass die Summe minimalen Höhen auf beiden Seiten gleich sind.

{% 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 %}