Ankündigung

Einklappen
Keine Ankündigung bisher.

Grid Umbruch Desktop-Tablet-Smartphone

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Grid Umbruch Desktop-Tablet-Smartphone

    Hallo, ich stehe vor der Herausvorderung, dass ich Inhalte mehrerer Gridreihen, je nach Ausgabemedium anders dargstellt haben möchte.
    Das wäre mein Wunsch:

    Desktop (3-spaltig):
    1 - 2 - 3
    4 - 5 - 6

    Tablet (2-spaltig):
    1 - 2
    3 - 4
    5 - 6

    Smartphone (1 spaltig):
    1
    2
    3
    4
    5
    6

    Die verschiedene Anzahl der Spalten ist ja über die Einstellungen der Grid Spalten leicht umzusetzen.
    Leider sieht der Umbruch am Tablet aber so aus:
    Tablet (2-spaltig):
    1 - 2
    3
    4 - 5
    6

    Prinzipiell auch logisch, da ja der vierte Eintrag im Grid in einer neuen Reihe beginnt, aber halt nicht wirklich schön in der Darstellung...
    Lässt sich das irgendwo overrulen, damit Eintrag 4 neben Eintrag 3 zu stehen kommt?
    lg

  • #2
    Moin,

    Du könntest ein Element vom Typ "Autogrid Reihe" anlegen.
    Dann bei den 6 Inhaltselementen das Grid einschalten (Dektop: 33%, Tablet 50%, Smart: 100%)

    Desktop:

    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: desktop.jpg Ansichten: 0 Größe: 5,4 KB ID: 25346

    Tablet:

    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: image_3164.jpg Ansichten: 4 Größe: 4,6 KB ID: 25343

    Smartphone:

    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: image_3165.jpg Ansichten: 4 Größe: 4,3 KB ID: 25344

    Grideinstellung:

    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: image_3166.jpg Ansichten: 4 Größe: 65,5 KB ID: 25345







    Grüße
    Angehängte Dateien
    Zuletzt geändert von tschero; 27.06.2022, 19:13.
    https://www.webdesign24.biz

    Kommentar


    • #3
      ​ hi!
      so hätte ich es eigentlich eh gemacht:

      Habs alternativ auch so probiert:

      das tut aber auch nicht so, wie gewollt,
      oder hast du es anders gemeint?
      lg

      Kommentar


      • #4
        gelöst:-)
        ich darf die reihe nicht zu früh schließen:
        Klicke auf die Grafik für eine vergrößerte Ansicht  Name: Clipboard03.jpg Ansichten: 0 Größe: 48,0 KB ID: 25353
        so gehts.
        lg
        Angehängte Dateien

        Kommentar

        Lädt...
        X