CSS Grids lernen mit Grid Garden

CSS Grid Garden

Es ist ja noch gar nicht so lange her das ich über Flexbox Froggy berichtet habe. Mit dem Spiel kann man einfach und schnell den Umgang mit Flexboxen erlernen. Es gibt nun ein recht ähnliches Spiel, das sich aber mit CSS Grids beschäftigt. Eine kurze Einführung in das Thema CSS Grid Layout findet ihr hier.

Das Spiel fängt relativ harmlos an, gegen Ende wird es aber durchaus komplex. Das Spiel an sich findet ihr hier. Der Quelltext des Spiels ist auf GitHub zu finden. Ich finde diese Möglichkeit den Umgang mit dem neuen Grid Layout zu erlernen super! Man sieht direkt was passiert. Wenn man alle Level geschafft hat weiß man auch ziemlich genau was geht, und was nicht.

Ähnliche Beiträge

Mozilla Thimble – HTML & CSS lernen Meine persönliche Meinung ist ja, das Mozilla anstatt sich auf den Browser zu konzentrieren, in den diversesten Nebenprojekten aufreibt. Teilweise kom...
Der Unterschied zwischen :nth-child und :nth-of-ty... Ich hab hier mal wieder ein CSS eines Kollegen zwischen das von dem Bemühen zeugt, innovative Lösungen zu nicht existierenden Problemen zu finden (ist...
Bacon.js – Bezier-Kurven für Texte Das Leben eines Webworkers ist nicht einfach, vor allem dann wenn man einem Kunden erklären muss, dass ein Bild mit Transparenz - auch wenn es dreimal...
CSS Flexbox lernen mit Flexbox Froggy Flexbox ist eine moderne Möglichkeit responsive und flexible Layouts zu erstellen. Dabei kann komplett auf Größenangaben und Werte wie position, float...

Schreibe einen Kommentar