--- title: New Safari developer tools provide insight into CSS Grid... description: Safari Technology Preview 235 introduces Order Numbers in the Grid Inspector, a new developer tool feature that visualizes content flow order in CSS Grid... canonical: https://daily.dev/posts/qwafyc1qs twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: New Safari developer tools provide insight into CSS Grid Lanes | daily.dev og:description: Safari Technology Preview 235 introduces Order Numbers in the Grid Inspector, a new developer tool feature that visualizes content flow order in CSS Grid... og:url: https://daily.dev/posts/qwafyc1qs og:image: https://api.daily.dev/og/posts/QwAFyC1QS.png og:image:alt: Post cover image og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # New Safari developer tools provide insight into CSS Grid Lanes **[CSS](https://daily.dev/sources/iheartcss)** · [@geoffgraham](https://daily.dev/geoffgraham) · 0 upvotes · 0 comments ## Summary Safari Technology Preview 235 introduces Order Numbers in the Grid Inspector, a new developer tool feature that visualizes content flow order in CSS Grid Lanes. Grid Lanes is a new CSS capability that enables masonry-style layouts by aligning content in either columns or rows (not both), with content flowing perpendicular to the defined layout shape. The Order Numbers feature helps developers understand how items flow through the grid, similar to the existing Flexbox Inspector feature. Safari's layout inspectors support unlimited simultaneous overlays, customizable colors, and clear visual distinctions for debugging layout issues. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css), [#devtools](https://daily.dev/tags/devtools), [#safari](https://daily.dev/tags/safari) [View this post on daily.dev](https://daily.dev/posts/qwafyc1qs) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/qwafyc1qs","headline":"New Safari developer tools provide insight into CSS Grid Lanes","text":"Shared: New Safari developer tools provide insight into CSS Grid Lanes","url":"https://daily.dev/posts/qwafyc1qs","datePublished":"2026-01-15T19:57:00.247Z","dateModified":"2026-03-15T07:02:23.321Z","author":{"@type":"Person","name":"Geoff","url":"https://daily.dev/geoffgraham","image":"https://media.daily.dev/image/upload/s--mXp5yqc7--/f_auto/v1746709785/avatars/avatar_JAehePvXH6nu6u9F4E9YV?_a=BAMClqUq0","description":"Certified Neat Freak","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":930}},"image":"https://media.daily.dev/image/upload/s--P4t4XyoV--/f_auto/v1722860399/public/Placeholder%2001","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"sharedContent":{"@type":"WebPage","url":"https://api.daily.dev/r/Xl1o3zDAW"},"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/iheartcss","name":"CSS"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"CSS","item":"https://daily.dev/squads/iheartcss"},{"@type":"ListItem","position":3,"name":"New Safari developer tools provide insight into CSS Grid Lanes"}]} ```