{"id":10333,"date":"2026-07-03T08:29:07","date_gmt":"2026-07-03T13:29:07","guid":{"rendered":"https:\/\/master.dev\/blog\/?p=10333"},"modified":"2026-07-03T08:29:08","modified_gmt":"2026-07-03T13:29:08","slug":"the-field-guide-to-grid-lanes","status":"publish","type":"post","link":"https:\/\/master.dev\/blog\/the-field-guide-to-grid-lanes\/","title":{"rendered":"The Field Guide to Grid Lanes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The WebKit gang did a good job with <a href=\"https:\/\/gridlanes.webkit.org\/\">The Field Guide to Grid Lanes<\/a> showcasing what kind of layouts are now achievable with <code>display: grid-lanes;<\/code>. Basically: Masonry layout, with arbitrary column widths, and proper tabbing order, is now progressive-enhanceable and HTML\/CSS only.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The WebKit gang did a good job with The Field Guide to Grid Lanes showcasing what kind of layouts are now achievable with display: grid-lanes;. Basically: Masonry layout, with arbitrary column widths, and proper tabbing order, is now progressive-enhanceable and HTML\/CSS only.<\/p>\n","protected":false},"author":1,"featured_media":10335,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[29],"tags":[7,508,165,139],"class_list":["post-10333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-css","tag-grid-lanes","tag-masonry","tag-progressive-enhancement"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/master.dev\/blog\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-03-at-6.26.45-AM.png?fit=1320%2C842&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/posts\/10333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/comments?post=10333"}],"version-history":[{"count":3,"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/posts\/10333\/revisions"}],"predecessor-version":[{"id":10337,"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/posts\/10333\/revisions\/10337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/media\/10335"}],"wp:attachment":[{"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/media?parent=10333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/categories?post=10333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/master.dev\/blog\/wp-json\/wp\/v2\/tags?post=10333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}