/
7.0 Grid-System

7.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

5.0 Items / Elemente
5.0 Items / Elemente
More like this
6.0 CICD Elements & Bricks
6.0 CICD Elements & Bricks
More like this
CMS Dokumentation
CMS Dokumentation
More like this
14.0 Site search / Seitensuche
14.0 Site search / Seitensuche
More like this
1.0 Grundlagen & AVOR CMS
1.0 Grundlagen & AVOR CMS
More like this
12.0 Nodes
12.0 Nodes
More like this