Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m287:learningunits:lu04:grid [2026/01/27 10:49] – ↷ Seite von modul:m287:learningunits:lu04:grid nach de:modul:m287:learningunits:lu04:grid verschoben msuterde:modul:m287:learningunits:lu04:grid [2026/04/15 07:45] (aktuell) – [Ressourcen] vdemir
Zeile 21: Zeile 21:
 </code> </code>
  
-{{ :modul:m287:learningunits:lu04:grid-1.svg?600 }}+{{ de:modul:m287:learningunits:lu04:grid-1.svg?600 }}
  
 ==== Platzieren von Elementen im Grid ==== ==== Platzieren von Elementen im Grid ====
Zeile 37: Zeile 37:
 </code> </code>
  
-{{ :modul:m287:learningunits:lu04:grid-2.svg?600 }}+{{ de:modul:m287:learningunits:lu04:grid-2.svg?600 }}
  
 Es gibt auch eine Kurzform von der Schreibweise für die Reihen und Spalten. Mit den Anweisungen `grid-column` und `grid-row` können Sie jeweils getrennt mit einem `/` den Start und das Ende eines Elements im Raster angeben. Es gibt auch eine Kurzform von der Schreibweise für die Reihen und Spalten. Mit den Anweisungen `grid-column` und `grid-row` können Sie jeweils getrennt mit einem `/` den Start und das Ende eines Elements im Raster angeben.
Zeile 48: Zeile 48:
 </code> </code>
  
-{{ :modul:m287:learningunits:lu04:grid-3.svg?600 }}+{{ de:modul:m287:learningunits:lu04:grid-3.svg?600 }}
  
 ===== Grid Areas ===== ===== Grid Areas =====
Zeile 75: Zeile 75:
   * [[https://www.mediaevent.de/css/grid.html|Mediaevent: CSS Grid]]   * [[https://www.mediaevent.de/css/grid.html|Mediaevent: CSS Grid]]
   * [[https://www.mediaevent.de/css/grid-template-areas.html|Mediaevent: CSS Grid Template Areas]]   * [[https://www.mediaevent.de/css/grid-template-areas.html|Mediaevent: CSS Grid Template Areas]]
 +  * [[https://www.youtube.com/watch?v=6IDJ9Np07LA|Youtube: CSS GRID Layout]]
  
  • de/modul/m287/learningunits/lu04/grid.1769507377.txt.gz
  • Zuletzt geändert: 2026/01/27 10:49
  • von msuter