subgrid

Author: bjelline

css-layout/layout/index.html

@@ -284,6 +284,16 @@ <h3 id="areas-mit-inhalt-belegen">Areas mit Inhalt belegen</h3>
 
 <a class="slide_break do-not-print" id="slide-12" href="slide.html#slide-12"  title="Wechsle zur Präsentations-Ansicht, Folie Nr. 12">▻</a>
 
+<h2 id="subgrid">Subgrid</h2>
+
+<p>Mit Flexbox kann man nur die Positionierung der Kinder eines Elements beeinflussen.
+Mit Grid kann man auch die Enkelkinder positionieren, mit subgrid:</p>
+
+<p>Siehe <a href="https://www.smashingmagazine.com/2018/07/css-grid-2/">Artikel von Rachel Andrew im Smashing Magazine</a></p>
+
+
+<a class="slide_break do-not-print" id="slide-13" href="slide.html#slide-13"  title="Wechsle zur Präsentations-Ansicht, Folie Nr. 13">▻</a>
+
 <h2 id="viele-methoden">Viele Methoden</h2>
 
 <p>Neben den drei hier gezeigten gibt es noch viele weitere
@@ -293,7 +303,7 @@ <h2 id="viele-methoden">Viele Methoden</h2>
 später sollten Sie noch <a href="/css-layout/details">weitere Details</a> kennen lernen.</p>
 
 
-<a class="slide_break do-not-print" id="slide-13" href="slide.html#slide-13"  title="Wechsle zur Präsentations-Ansicht, Folie Nr. 13">▻</a>
+<a class="slide_break do-not-print" id="slide-14" href="slide.html#slide-14"  title="Wechsle zur Präsentations-Ansicht, Folie Nr. 14">▻</a>
 
 <h2 id="weitere-quellen">Weitere Quellen</h2>
 

css-layout/layout/slide.html

@@ -320,6 +320,16 @@ <h3 id="areas-mit-inhalt-belegen">Areas mit Inhalt belegen</h3>
 </div>
 <div class="slide">
 
+<h2 id="subgrid">Subgrid</h2>
+
+<p>Mit Flexbox kann man nur die Positionierung der Kinder eines Elements beeinflussen.
+Mit Grid kann man auch die Enkelkinder positionieren, mit subgrid:</p>
+
+<p>Siehe <a href="https://www.smashingmagazine.com/2018/07/css-grid-2/">Artikel von Rachel Andrew im Smashing Magazine</a></p>
+
+</div>
+<div class="slide">
+
 <h2 id="viele-methoden">Viele Methoden</h2>
 
 <p>Neben den drei hier gezeigten gibt es noch viele weitere