> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-bloecke/grids/grid-modern.md).

# Grid 'Modern'

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

<figure><img src="/files/aeAXbQsBEbBXrd54zkV9" alt=""><figcaption><p>ThemeWare® CMS-Block "Grid 'Modern'"</p></figcaption></figure>

{% hint style="warning" %}
**Wichtig**: Dieser Block ist nur in der ThemeWare® Pro Edition verfügbar.
{% 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 [Spaltenabstände in CMS-Blöcken anpassen](https://wiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten/spaltenabstaende-in-cms-bloecken-anpassen)) modifizieren.
{% endhint %}

***

## Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

{% embed url="<https://demo.themeware.design/modern/Features/ThemeWare-CMS-Bloecke/Grid-Bloecke/>" %}
ThemeWare® Demoshop => Grid-Blöcke
{% endembed %}