Einfache Anordnung von Inhalten per Modul?

[c.stege]

Guten Morgen,

ich habe bereits mehrere Internetauftritte mit Contao 4 erstellt, möchte jedoch meine Webseitenerstellung effizienter gestalten.
Oft habe ich z.B. Boxelemente (z.B. pro Reihe 3 Boxen), die eine Grafik und z.B. Text beinhalten. Die Grafik (z.B. Icon) würde ich dann im Textelement auswählen und darunter den Text setzen - passt.

Ich möchte nun aber das die äußeren Boxen am Rand sind und die mittlere in der Mitte, am Besten gleich responsive. Bisher habe ich Klassen vergeben und dann alles für Desktop & Mobil über CSS-Befehle angepasst. Gibt es hier eine elegantere Methode über ein Modul?

Mit welchen Modulen erstellt Ihr eure Layouts?

Gruß Chris

[jscholtysik]

Hi c.stege,


das ist genau so über Flexbox zu erreichen mit

justify-content: space-between

[c.stege]

Hi c.stege,


das ist genau so über Flexbox zu erreichen mit

justify-content: space-between

Okay, wobei ca. 5% der Nutzer einen Browser benutzen, wo das nicht geht. Aber geht jemand anders vor vllt. mit Modulen?

[jscholtysik]

Naja, lt. caniuse.com sind das global gesehen aktuell gerade noch 1,7% der Browser und den IE10/11 kann man jetzt auch langsam mal vernachlässigen.

Flexbox.jpg

Also warum das nicht mit Flexbox erledigen? Das sind eine Handvoll CSS-Anweisungen und der "Kas ist gebissen"...

[c.stege]

Naja, lt. caniuse.com sind das global gesehen aktuell gerade noch 1,7% der Browser und den IE10/11 kann man jetzt auch langsam mal vernachlässigen.

Flexbox.jpg

Also warum das nicht mit Flexbox erledigen? Das sind eine Handvoll CSS-Anweisungen und der "Kas ist gebissen"...

Hast du mal ein Beispiel einer Seite mit Flexbox? Habe das noch nicht bewusst gesehen ...

[jscholtysik]

Hier z.B.:

http://www.css-wiki.com/listings/flexbox.html

Beispiel 16 zeigt genau das, was Du machen möchtest. Oder hier:

http://intensivstation.ch/css3/flex/

das Beispiel 5 in deutsch.