1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Responsive CSS Grid Layout

Dieses Thema im Forum "Design" wurde erstellt von hatschiii, 30. Juli 2019.

  1. hatschiii

    hatschiii Well-Known Member

    Registriert seit:
    23. Juni 2008
    Beiträge:
    54
    Zustimmungen:
    0
    Ich habe eine Zzeile mit 4 Boxen

    [​IMG]

    Wird das Fenster nun schmäler werden die boxen auch schmäler und brechen irgendwann um auf das mobile Layout. Dann werden diese alle in einer Spalteuntereinander dargestellt was sehr gut ist.

    Bevor die Spalten umbrechen werden sie allerdings zu schmall. Ich möchte das sie eine sagen wir mal Mindestbreite von 200px haben und erst dann umbrechen. Dann auch nicht gleich in eine Spalte mit allen 4 untereinander, sondern erst in 2 Spalten und 2 Zeilen und erst päter in 1 Spalte mit 4 Zeilen.

    Daneben sollten die Boxen immer 1 und 2 Zeilen Layout immer die gleiche Höhe haben. Bricht der Text aufgrund der Breite in einer Box in eine Zeile mehr um ändert sich die Höhe de Box. Gleichzeitig sollten die anderen Boxen in der gleichen Zeile die Höhe auch ändern.

    Hat jemand eine Idee wie ich das hin bekomme?

    Achja, hier noch mein Quellcode:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  2. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
  3. hatschiii

    hatschiii Well-Known Member

    Registriert seit:
    23. Juni 2008
    Beiträge:
    54
    Zustimmungen:
    0
    Danke, bin einiges weiter gekommen udn habe viel gelernt... aber ganz funktioniert hat es nie... habe es jetzt mit Elementor hin bekommen. :)
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden