/
6.0 Grid-System

6.0 Grid-System

Grid-System

Ziele:

  • Komplexes Layout-Design mit dem Grid-System: Die Teilnehmer können eigenständig ein mehrspaltiges Layout mit Rows und Columns im Contao-Grid-System umsetzen und verstehen, wie Inhalte in verschiedenen Spalten strukturiert werden.

  • Effektiver Einsatz von Wrappern für visuelle Gestaltung: Die Teilnehmer wissen, wie sie Wrapper für Hintergrundfarben, Padding und Margin einsetzen, um den visuellen Abstand und die Gestaltung von Inhaltsbereichen individuell anzupassen.

  • Responsives Design für verschiedene Viewports: Die Teilnehmer können das Layout für verschiedene Endgeräte (Mobile, Tablet, Desktop, TV) anpassen und sicherstellen, dass das Design auf allen Geräten korrekt dargestellt wird.


Logik Grid (12 Spalten)

Devices


Verfügbare Tutorials

 

 

Related content