TGViewer
Front End World Front End World @front_end_first · 25.8K subscribers
Post #6715 1.3K
Making Zigzag CSS Layouts With a Grid + Transform Trick

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.

https://css-tricks.com/zigzag-css-grid-layouts/
More from @front_end_first
  1. Oct 16, 2026CSS does your tooltip positioning now CSS can now handle tooltip and dropdown positioning…
  2. Oct 16, 2026Bootstrap 6 Alpha Today we’re releasing the first alpha version of Bootstrap 6, a major ov…
  3. Oct 15, 2026A visual notation for React’s parent and owner trees Introducing a visual notation for sho…
  4. Oct 15, 2026Astro Tutorial: Make a Static Site with Interactive Components This Astro tutorial shows h…
  5. Oct 15, 2026React’s New browser API: Rendering Components Only in the Browser Learn how React’s new Ca…
  6. Oct 14, 2026Why has Shopify dropped React Native? It’s only been a year since the e-commerce platform…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →