Hallo,
ich versuche mich gerade ein wenig in Contao 3 einzuarbeiten.
Um nun auch responsive (bzw. für mobile Endgeräte optimierte) Webseiten zu entwickeln, spiele ich gerade mit dem Grid-System.
Was ich schon verstanden habe ist, dass es insg. 12 Grids gibt -> Diese sind pixelbasiert und auf einer Gesamtbreite von 960px angelegt.
FRAGE 1:
Wenn ich dem Wrapper anstatt der Gesamtbreite von 960px z.B. eine Gesamtbreite von z.B. 1.140px geben möchte. -> Was muss ich machen?
Hier steht leider nicht beschrieben was man machen muss -> http://contaogrid.glen-langer.de/pro...alten-3cl.html
Man müsste doch eigentlich die responsive.css komplett anpassen oder?
-> https://github.com/BugBuster1701/contao_grid_16_columns
-> https://contao.org/de/extension-list....20003.de.html
FRAGE 2:
768 Pixel bis 979 Pixel -> Spalten werden verkleinert und die Gesamtbreit auf 744 Pixel reduziert -> O.K.
kleine als 768 Pixel, hier werden alle Floatings abgeschaltet, die Ränder auf 0 gesetzt und die Breite auf Automatik -> Hierfür muss man dann eigentlich immer ein eigenes Seitenlayout anlegen oder?
FRAGE 3:
CSS-Framework in Contao 3:
- CSS-Reset -> klar.
- Responsive Grid -> Fügt die Grids ein oder? Ist also die responsive.css
- Layout-Builder -> Was macht das genau?
Wäre super, wenn ihr mir bei den Fragen weiter helfen könntet und mir evtl. ein paar Links an die Hand gebt, um das Ganze besser verstehen zu können.
Vielen LIEBEN Dank schon mal!
Lesezeichen