--- 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/new-safari-developer-tools-provide-insight-into-css-grid-lanes-xl1o3zdaw 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/new-safari-developer-tools-provide-insight-into-css-grid-lanes-xl1o3zdaw og:image: https://api.daily.dev/og/posts/Xl1o3zDAW.png og:image:alt: New Safari developer tools provide insight into CSS Grid Lanes 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 **[WebKit](https://daily.dev/sources/webkit)** · 4 min read · 8 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 - [Introducing CSS Grid Lanes](https://daily.dev/posts/introducing-css-grid-lanes-6uomjvxlc) · Hacker News · 27 upvotes · 1 comments - [Introducing the Field Guide to Grid Lanes](https://daily.dev/posts/introducing-the-field-guide-to-grid-lanes-s8sjja2uz) · WebKit · 87 upvotes · 4 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/new-safari-developer-tools-provide-insight-into-css-grid-lanes-xl1o3zdaw) ```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":"TechArticle","headline":"New Safari developer tools provide insight into CSS Grid Lanes","url":"https://daily.dev/posts/new-safari-developer-tools-provide-insight-into-css-grid-lanes-xl1o3zdaw","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/new-safari-developer-tools-provide-insight-into-css-grid-lanes-xl1o3zdaw"},"datePublished":"2026-01-14T22:57:53.248Z","dateModified":"2026-03-15T05:21:10.299Z","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...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/62ad00048b881b5a5288d9093b774b8c?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/62ad00048b881b5a5288d9093b774b8c?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"WebKit","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"WebKit","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/webkit","url":"https://daily.dev/sources/webkit"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/new-safari-developer-tools-provide-insight-into-css-grid-lanes-xl1o3zdaw","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":8},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"css,devtools,safari","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"WebKit","item":"https://daily.dev/sources/webkit"},{"@type":"ListItem","position":3,"name":"New Safari developer tools provide insight into CSS Grid Lanes"}]} ```