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...
jFontSize – dynamische Font-Size mittels jQu... Ich entwickele zur Zeit einen Magento-Shop für Silver Surfer. Natürlich gibt es da besondere Ansprüche, und eine davon ist die klare Lesbarkeit der Se...
CSS Reset vs. Normalize Die Tage ging ein Aufschrei durch Twitter: die HTML5-Boilerplate hat den CSS-Reset raus geworfen, und durch ein Normalize ersetzt. Ich war relativ ers...
Adobe Brackets – Code Editor für HTML, CSS &... Nach gefühlten 25 Jahren, dem Plattmachen von Homesite und einigen Versuchen Dreamweaver irgend etwas sinnvolles abzugewinnen glaubt jetzt wohl schein...

Schreibe einen Kommentar