Außerhalb des Kastens denken mit CSS Grid

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Großartige Anleitung von Alex Trost (basierend auf einigen Demos, wie dieser, von Andy Barefoot) zeigt, wie man, obwohl CSS Grid gerade Gitterlinien horizontal und vertikal hat, Elemente über Gitterlinien platzieren kann, um einen versetzten Effekt zu erzielen, der ziemlich cool aussieht. Gitterartig, aber es scheint sich aufgrund der Versetzung an diagonalen Linien anstatt an horizontalen und vertikalen Linien auszurichten. Und man bekommt immer noch die ganze Flexibilität von Grid!

Direkter Link →