Servus! > Hallo Matthias! > > > Im Wiki: [Grid](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/grid) > > Den Artikel fin de ich für einen Neuling bei dem Thema nicht sehr gut geschrieben. Das gibt ewige Diskussionen, wo und wie Einsteiger bei Selfhtml einsteigen. Der Bereich [CSS/Eigenschaften](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften) soll die einzelnen Eigenschaften erklären. Das würde bei grid zugegebenermaßen mehrere Unterseiten erfordern. Hier sind unten unter Siehe auch vorhandene Tutorials verlinkt. Anfänger kommen über das Nachwort des HTML-Einstiegstutorials ( und anderer) direkt zu * [CSS/Anwendung_und_Praxis/Layout_mit_Grid](https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Layout_mit_Grid) >Gunnar hat weiter oben in diesem Thread gesagt, man brauche jetzt keine Media Queries mehr. Zu diesem Thema steht im Wiki ganz unten plötzlich: > > " Natürlich ist es auch möglich, mit media queries die Anordnung der Elemente an den Viewport anzupasssen ". > > Was heißt "auch"? Wie denn sonst? Über die von Gunnar genannte Methode des *Auto placement*. Habe auf der grid-Seite eine kurze Erklärung eingefügt. > > Ich finde, da sollte SELFHTML im Wiki eine Standard-Seite mit Header, Content, Navigation, Side-Content und Footer, wo das Layout mit Grid verwirklicht ist, bereitstellen und dabei zeigen und erklären, wie sich die Seite bei Verkleinerung des Viewports ändert.Aber die Verbindung Grids <-> Responsive Webdesign vermisse ich. Zieh dir mal das im anfänglich genannten Artikel verlinkte Tutorial rein. Da findest du das Gewünschte: * [CSS/Anwendung_und_Praxis/Layout_mit_Grid](https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Layout_mit_Grid) > > Liebe Grüße > > Eun dummer Mitleser Du könntest ja vom Mitleser zum aktiven Mitarbeiter werden, wenn du bei solch fehlenden Verlinkungen stöberst und evtl. die passenden Links einfügst. > > Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}

Servus! > Hallo Matthias! > > > Im Wiki: [Grid](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/grid) > > Den Artikel fin de ich für einen Neuling bei dem Thema nicht sehr gut geschrieben. Das gibt ewige Diskussionen, wo und wie Einsteiger bei Selfhtml einsteigen. Der Bereich [CSS/Eigenschaften](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften) soll die einzelnen Eigenschaften erklären. Das würde bei grid zugegebenermaßen mehrere Unterseiten erfordern. Hier sind unten unter Siehe auch vorhandene Tutorials verlinkt. Anfänger kommen über das Nachwort des HTML-Einstiegstutorials ( und anderer) direkt zu * [CSS/Anwendung_und_Praxis/Layout_mit_Grid](https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Layout_mit_Grid) >Gunnar hat weiter oben in diesem Thread gesagt, man brauche jetzt keine Media Queries mehr. Zu diesem Thema steht im Wiki ganz unten plötzlich: > > " Natürlich ist es auch möglich, mit media queries die Anordnung der Elemente an den Viewport anzupasssen ". > > Was heißt "auch"? Wie denn sonst? Über die von Gunnar genannte Methode des *Auto placement*. Habe auf der grid-Seite eine kurze Erklärung eingefügt. > > Ich finde, da sollte SELFHTML im Wiki eine Standard-Seite mit Header, Content, Navigation, Side-Content und Footer, wo das Layout mit Grid verwirklicht ist, bereitstellen und dabei zeigen und erklären, wie sich die Seite bei Verkleinerung des Viewports ändert.Aber die Verbindung Grids <-> Responsive Webdesign vermisse ich. Zieh dir mal das im anfänglich genannten Artikel verlinkte Tutorial rein. Da findest du das Gewünschte: * [CSS/Anwendung_und_Praxis/Layout_mit_Grid](https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Layout_mit_Grid) > > Liebe Grüße > > Eun dummer Mitleser Du könntest ja vom Mitleser zum aktiven Mitarbeiter werden, wenn du bei solch fehlenden Verlinkungen stöberst und evtl. die passenden Links einfügst. > > Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}