Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
en:modul:m287:learningunits:lu04:grid [2025/03/28 10:52] – Automatic translation kdemircien:modul:m287:learningunits:lu04:grid [2026/04/15 07:43] (aktuell) – [Resources] vdemir
Zeile 21: Zeile 21:
 </code> </code>
  
-{{ modul:m287:learningunits:lu04:grid-1.svg?600 }}+{{ de:modul:m287:learningunits:lu04:grid-1.svg?600 }}
  
 ==== Placing elements in the grid ==== ==== Placing elements in the grid ====
Zeile 37: Zeile 37:
 </code> </code>
  
-{{ modul:m287:learningunits:lu04:grid-2.svg?600 }}+{{ de:modul:m287:learningunits:lu04:grid-2.svg?600 }}
  
 There is also a short form of the notation for the rows and columns. You can use the `grid-column` and `grid-row` statements to specify the start and end of an element in the grid, separated by a `/`. There is also a short form of the notation for the rows and columns. You can use the `grid-column` and `grid-row` statements to specify the start and end of an element in the grid, separated by a `/`.
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=uE3YdHfkuxU|Youtube: CSS Grid-Layouts]]
  
  • en/modul/m287/learningunits/lu04/grid.1743155572.txt.gz
  • Zuletzt geändert: 2025/03/28 10:52
  • von kdemirci