CSS-Tricksvideo

Making Zigzag CSS Layouts With a Grid + Transform Trick

Wednesday, May 6, 2026Durgesh Rajubhai PawarView original

Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here's how to do it with CSS Grid.


Making Zigzag CSS Layouts With a Grid + Transform Trick originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.