MediaTextList

Das ist die voreingestellte Layoutvariante. Der Bereich für das Medium steht abwechselnd links bzw. rechts und nimmt Zweidrittel der Contentbreite ein. Der Text steht auf der anderen Seite daneben. Mobil sortiert sich der Text jeweils unter das Medium. Das Medium kann auch eine Bildunterschrift haben und verlinkt sein, sofern es kein Youtube-Video ist.

Wenn die übergreifende Überschrift des Elements verborgen ist wie in diesem Beispiel, und der Listen Heading Typ auf „Standard Konvention“ steht, werden die Überschriften der IconText Elemente automatisch zur h2.

In dieser Layoutvariante ist der Bereich für das Medium im ersten Listen Element auf der rechten Seite und wechselt sich im Folgenden ab.

In dieser Layoutvariante ist der Bereich für das Medium genauso breit wie der für den Text. Das Medium im ersten Listen Element sitzt auf der linken Seite. Achte auf ein ausgewogenes Verhältnis von Text und Medium-Höhe.

In dieser Layoutvariante ist der Bereich für das Medium im ersten Listen Element auf der rechten Seite und wechselt sich im Folgenden ab.

In dieser Layoutvariante ist der Medien-Bereich über dem Text-Bereich der MediaText Elemente und erstreckt sich über 6 Rasterbreiten.

In dieser Layoutvariante ist der Medien-Bereich unter dem Text-Bereich der MediaText Elemente und erstreckt sich über 6 Rasterbreiten. 

In dieser Layoutvariante ist der Medien-Bereich über dem Text-Bereich und erstreckt sich über 10 Rasterbreiten. In dieser Layoutvariante solltest du wahrscheinlich eher auf Text verzichten, da er ebenfalls im 10er Raster sitzt und ggf. nicht mit dem restlichen Textfluss der Seite harmoniert. 

Diese Variante ist analog zur 6 cols Variante, nur dass der Text hier wieder über den Media-Elementen steht. Auch hier solltest du aber auf Text eher verzichten, es sei denn, es passt in deinen Layout-Aufbau. 

In dieser Layoutvariante werden die MediaText Element in einem zweispaltigen Raster aufgelistet. Die Media-Elemente stehen hier über dem Text.

In dieser Layoutvariante stehen die Media-Elemente unter dem Text. Auch hier verteilen sich die Elemente in einem zweispaltigen Raster.

In dieser Layoutvariante werden die MediaText Element in einem dreispaltigen Raster aufgelistet. Die Media-Elemente stehen hier über dem Text. Du solltest hier darauf verzichten, je MediaText Element eine unterschiedliche Anzahl an Medien-Elementen zu pflegen, da es in der Desktop-Darstellung unschön wirken könnte.

In dieser Layoutvariante stehen die Media-Elemente unter dem Text. Auch hier verteilen sich die Elemente in einem dreispaltigen Raster.

In dieser Layoutvariante werden die MediaText Element in einem vierspaltigen Raster aufgelistet. Die Media-Elemente stehen über dem Text. Du solltest hier ebenfalls darauf verzichten, je MediaText Element eine unterschiedliche Anzahl an Medien-Elementen zu pflegen, da es in der Desktop-Darstellung unschön wirken könnte.

In dieser Layoutvariante werden die MediaText Element in einem vierspaltigen Raster aufgelistet. Die Media-Elemente stehen über dem Text. Du solltest hier ebenfalls darauf verzichten, je MediaText Element eine unterschiedliche Anzahl an Medien-Elementen zu pflegen, da es in der Desktop-Darstellung unschön wirken könnte.