Zum Hauptinhalt springen
Logo MIND Studio
  1. Blöcke
  2. Layouts

Layouts

Spalten

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

3 Spalten

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

Zentrierte Spalteninhalte

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.

Erweiterte Inhalte für Spalten

Spalten können nicht nur Text enthalten, sondern auch weitere Elemente wie Bilder, Zitate oder Buttons.

Ja, ich will mehr wissen

Spalteninhalte können vertikal zentriert ausgerichtet werden. So entsteht eine schönere Balance zwischen Bild und Text.

Bild und Text

Der Block für Bild und Text ist eine Variante der Spalte, die es dir ermöglicht, die Reihenfolge von Bild und Text auf breiten Bildschirmen zu wechseln, aber die Reihenfolge auf schmaleren Bildschirmen (mobile Geräte) zu behalten.

Dieser Block z.B. hat eine andere Reihenfolge als der Block zuvor. Betrachtest du aber diese Seite auf einem schmalen Bildschirm, dann kommt immer das Bild zuerst.

Los, maio in host?

Erzeuge Emotionen

Natürlich ist es auch beim Block Bild und Text möglich, mit mehr als einfachen Text-Blöcken zu arbeiten. Überschrift und Zitate funktionieren auch hier.

Ein Zitat vielleicht?

Das ist die optionale Bildunterschrift.

Mehr Platz für Bilder

Du kannst einem Bild mehr Platz geben. Das Bild erhält dann ​2⁄3 des verfügbaren Platzes.

Los, maio in host? Paterae mere, patris bonequa nostrox imandi sid con hos vividie natanum rem con intendem tatu cupplibunum delis, moris, Cupiori, ut Cuperoximac menatur, curnique condiem ovehentilia vasterei ficatan terfirmis, con vitima, occhum, simo es pondeore, nonfir liae tat adduc re ta consum et qua nem intem hilnequa reorehebat.

Mehr Platz für Text

Das gleiche funktioniert auch umgekehrt, wenn du dem Text mehr Platz als dem Bild geben willst. Das Bild erhält dann ​1⁄3 des verfügbaren Platzes. Aber keine Angst, die Zeilenlänge des Textes wird auch hier nicht breiter als normal, sodass er immer noch angenehm zu lesen ist.