[{"data":1,"prerenderedAt":349},["ShallowReactive",2],{"GArTT2s8Ot":3},[4],{"id":5,"date":6,"date_gmt":7,"guid":8,"modified":10,"modified_gmt":11,"slug":12,"status":13,"type":14,"link":15,"title":16,"content":18,"excerpt":21,"author":23,"featured_media":24,"comment_status":25,"ping_status":25,"sticky":20,"template":26,"format":27,"meta":28,"categories":30,"tags":32,"class_list":33,"acf":41,"yoast_head":42,"yoast_head_json":43,"featured_media_src_url":138,"_links":139,"_embedded":186},1794,"2025-10-05T16:19:16","2025-10-05T13:19:16",{"rendered":9},"https://api.aoskin.ru/?p=1794","2025-12-07T16:32:51","2025-12-07T13:32:51","css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of","publish","post","https://api.aoskin.ru/en/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of/",{"rendered":17},"CSS Subgrid: The Flexibility of Grids You’ve Always Dreamed of",{"rendered":19,"protected":20},"\n\u003Cp class=\"wp-block-paragraph\">Because of this, I had to duplicate the markup, copy grid-template-columns, make do with display: contents, and it still didn’t turn out perfect.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">With the arrival of CSS Subgrid, everything changes. This is the level of control over grids that developers have been waiting for.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">What is a subgrid\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">A subgrid allows a nested grid to share the same grid as its parent.\u003Cbr>This means you can either partially inherit from the parent, such as columns or rows, or completely inherit columns and rows. Essentially, a subgrid transforms the entire layout into a single field, where nesting levels cease to be a barrier.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">A minimal example:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.parent {\n  display: grid;\n  grid-template-columns: 10rem 1fr;\n  gap: 1rem;\n}\n\n.child {\n  display: grid;\n  grid-template-columns: subgrid;\n  grid-column: 1 / -1;\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Now the entire child layout lives on the parent’s columns – without copying values.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">When is this especially useful\u003C/h2>\n\n\n\n\u003Ch3 class=\"wp-block-heading\">Product, article, and post cards\u003C/h3>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">When dozens of cards need to perfectly align the title, description, and button—even if the content is of varying lengths. The problem without a subgrid is a grid of cards. Each card:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>The title is of varying length,\u003C/li>\n\n\n\n\u003Cli>the text is of varying length,\u003C/li>\n\n\n\n\u003Cli>the button should be at the bottom of the card.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">A typical grid does this:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>some buttons are in the middle,\u003C/li>\n\n\n\n\u003Cli>others are at the bottom,\u003C/li>\n\n\n\n\u003Cli>the card heights vary.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>To solve this with a subgrid, we inherit the row grid from the parent card grid:\u003C/strong>\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.parent {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: auto 1fr auto;\n  gap: 1rem;\n}\n\n.child {\n  display: grid;\n  grid-template-rows: subgrid;\n  grid-row: span 3;\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">As a result, all cards line up their title, description, and button along the same lines, even if the text is different.\u003C/p>\n\n\n\n\u003Ch3 class=\"wp-block-heading\">Multi-level layout grids\u003C/h3>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">The problem without subgrid is that headers, content blocks, and nested sections must be aligned to common columns. This required:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>rewriting everything with every redesign,\u003C/li>\n\n\n\n\u003Cli>repeating grid-template-columns at each level,\u003C/li>\n\n\n\n\u003Cli>ensuring that the numbers match.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>How to solve this with subgrid – we inherit columns from top to bottom through all nesting:\u003C/strong>\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.layout {\n  display: grid;\n  grid-template-columns: 250px 1fr;\n}\n\n.content,\n.article {\n  display: grid;\n  grid-template-columns: subgrid;\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">As a result, any nested block is perfectly positioned within the grid: images, text blocks, galleries – everything is aligned in single columns without manual duplication.\u003C/p>\n\n\n\n\u003Ch3 class=\"wp-block-heading\">Таблицы, календари, расписания\u003C/h3>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">The problem without a subgrid is when a table has the following: thead, tbody, and tfoot. All sections need to have identical columns, but the HTML structure is different, and each section has its own grid. The layout is lost—the header columns don’t match the data columns.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>How this is solved with subgrid is that we make the parent a grid and force the head, body, and foot to use the parent’s grid:\u003C/strong>\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.table {\n  display: grid;\n  grid-template-columns: 12rem 1fr 8rem;\n}\n\n.table thead,\n.table tbody,\n.table tfoot {\n  display: grid;\n  grid-template-columns: subgrid;\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">As a result, the headers, table rows, and footer are perfectly aligned with the grid.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Advanced Subgrid Cases\u003C/h2>\n\n\n\n\u003Ch3 class=\"wp-block-heading\">Design System Components (UI Libraries)\u003C/h3>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">What’s the benefit of subgrid? All components such as modals, cards, tables, forms, and banners are aligned on a grid throughout the project.\u003C/p>\n\n\n\n\u003Ch3 class=\"wp-block-heading\">CMS Pages with Custom Blocks\u003C/h3>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">When the content editor can insert custom blocks: text, galleries, quotes, sliders, videos, and everything should look consistent.\u003C/p>\n\n\n\n\u003Ch3 class=\"wp-block-heading\">Layout + CSS Variables\u003C/h3>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">When the grid is defined using variables and then applied everywhere. This creates a completely unified layout system across a large product.\u003C/p>\n\n\n\n\u003Ch3 class=\"wp-block-heading\">Dashboard Interfaces and Analytics Panels\u003C/h3>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">A panel with graphs, tables, and KPI blocks. Where all components use a single column grid, consistent spacing, and a single scale. With Subgrid, such panels are assembled modularly and remain perfectly coordinated.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Conclusion\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Subgrid isn’t just a new feature in CSS. It’s a rethinking of layout architecture. CSS Subgrid makes grids flexible, predictable, scalable, and finally suitable for component-based interfaces. Other benefits of subgrid:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Removes duplicate grids\u003C/li>\n\n\n\n\u003Cli>Makes layouts consistent at any level of nesting\u003C/li>\n\n\n\n\u003Cli>Simplifies design systems\u003C/li>\n\n\n\n\u003Cli>Makes responsive designs simpler and more reliable\u003C/li>\n\n\n\n\u003Cli>Opens new UI patterns (dynamic pages, CMS, panels, complex cards)\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003C/p>\n",false,{"rendered":22,"protected":20},"\u003Cp>CSS grids had already transformed layout, but they had one painful drawback:\u003Cbr />\nnested elements couldn’t inherit their parent’s grid.\u003C/p>\n",1,1791,"open","","standard",{"_acf_changed":20,"_yoast_wpseo_focuskw":26,"_yoast_wpseo_title":26,"_yoast_wpseo_metadesc":29,"footnotes":26},"%%sep%% CSS Subgrid changes the approach to grids. It provides the level of control over grids that developers have been waiting for.",[31],54,[],[34,14,35,36,37,38,39,40],"post-1794","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-en",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v28.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>CSS Subgrid: The Flexibility of Grids You've Always Dreamed of\u003C/title>\n\u003Cmeta name=\"description\" content=\"- CSS Subgrid changes the approach to grids. It provides the level of control over grids that developers have been waiting for.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/en/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"CSS Subgrid: The Flexibility of Grids You've Always Dreamed of\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:description\" content=\"- CSS Subgrid changes the approach to grids. It provides the level of control over grids that developers have been waiting for.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/en/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:published_time\" content=\"2025-10-05T13:19:16+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2025-12-07T13:32:51+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://api.aoskin.ru/wp-content/uploads/2025/12/46-css-subgrid.webp\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1456\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"816\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:type\" content=\"image/webp\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"author\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Written by\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data1\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:label2\" content=\"Est. reading time\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data2\" content=\"3 minutes\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#article\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/\"},\"author\":{\"name\":\"aoskin\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"headline\":\"CSS Subgrid: The Flexibility of Grids You’ve Always Dreamed of\",\"datePublished\":\"2025-10-05T13:19:16+00:00\",\"dateModified\":\"2025-12-07T13:32:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/\"},\"wordCount\":614,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/\",\"name\":\"CSS Subgrid: The Flexibility of Grids You've Always Dreamed of\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\",\"datePublished\":\"2025-10-05T13:19:16+00:00\",\"dateModified\":\"2025-12-07T13:32:51+00:00\",\"description\":\"- CSS Subgrid changes the approach to grids. It provides the level of control over grids that developers have been waiting for.\",\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#primaryimage\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\",\"width\":1456,\"height\":816},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Subgrid: The Flexibility of Grids You’ve Always Dreamed of\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"],\"url\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":44,"description":45,"robots":46,"canonical":15,"og_locale":52,"og_type":53,"og_title":44,"og_description":45,"og_url":15,"og_site_name":54,"article_published_time":55,"article_modified_time":56,"og_image":57,"author":63,"twitter_card":64,"twitter_misc":65,"schema":67},"CSS Subgrid: The Flexibility of Grids You've Always Dreamed of","- CSS Subgrid changes the approach to grids. It provides the level of control over grids that developers have been waiting for.",{"index":47,"follow":48,"max-snippet":49,"max-image-preview":50,"max-video-preview":51},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","en_US","article","api.aoskin.ru","2025-10-05T13:19:16+00:00","2025-12-07T13:32:51+00:00",[58],{"width":59,"height":60,"url":61,"type":62},1456,816,"https://api.aoskin.ru/wp-content/uploads/2025/12/46-css-subgrid.webp","image/webp","aoskin","summary_large_image",{"Written by":63,"Est. reading time":66},"3 minutes",{"@context":68,"@graph":69},"https://schema.org",[70,91,103,105,114,128],{"@type":71,"@id":72,"isPartOf":73,"author":74,"headline":17,"datePublished":55,"dateModified":56,"mainEntityOfPage":76,"wordCount":77,"commentCount":78,"publisher":79,"image":80,"thumbnailUrl":61,"articleSection":82,"inLanguage":84,"potentialAction":85},"Article","https://api.aoskin.ru/en/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of/#article",{"@id":15},{"name":63,"@id":75},"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861",{"@id":15},614,0,{"@id":75},{"@id":81},"https://api.aoskin.ru/en/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of/#primaryimage",[83],"CSS","en-US",[86],{"@type":87,"name":88,"target":89},"CommentAction","Comment",[90],"https://api.aoskin.ru/en/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of/#respond",{"@type":92,"@id":15,"url":15,"name":44,"isPartOf":93,"primaryImageOfPage":95,"image":96,"thumbnailUrl":61,"datePublished":55,"dateModified":56,"description":45,"breadcrumb":97,"inLanguage":84,"potentialAction":99},"WebPage",{"@id":94},"https://api.aoskin.ru/#website",{"@id":81},{"@id":81},{"@id":98},"https://api.aoskin.ru/en/css-subgrid-the-flexibility-of-grids-youve-always-dreamed-of/#breadcrumb",[100],{"@type":101,"target":102},"ReadAction",[15],{"@type":104,"inLanguage":84,"@id":81,"url":61,"contentUrl":61,"width":59,"height":60},"ImageObject",{"@type":106,"@id":98,"itemListElement":107},"BreadcrumbList",[108,112],{"@type":109,"position":23,"name":110,"item":111},"ListItem","Home","https://api.aoskin.ru/",{"@type":109,"position":113,"name":17},2,{"@type":115,"@id":94,"url":111,"name":116,"description":26,"publisher":117,"alternateName":116,"potentialAction":118,"inLanguage":84},"WebSite","aoskin.ru",{"@id":75},[119],{"@type":120,"target":121,"query-input":124},"SearchAction",{"@type":122,"urlTemplate":123},"EntryPoint","https://api.aoskin.ru/?s={search_term_string}",{"@type":125,"valueRequired":126,"valueName":127},"PropertyValueSpecification",true,"search_term_string",{"@type":129,"@id":75,"name":63,"image":132,"logo":134,"sameAs":135,"url":137},[130,131],"Person","Organization",{"@type":104,"inLanguage":84,"@id":133,"url":133,"contentUrl":133,"caption":63},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g",{"@id":133},[136],"http://api.aoskin.ru","https://api.aoskin.ru/author/aoskin/","https://api.aoskin.ru/wp-content/uploads/2025/12/46-css-subgrid-1024x574.webp",{"self":140,"collection":150,"about":153,"author":156,"replies":159,"version-history":162,"predecessor-version":165,"wp:featuredmedia":169,"wp:attachment":172,"wp:term":175,"curies":182},[141],{"href":142,"targetHints":143},"https://api.aoskin.ru/wp-json/wp/v2/posts/1794",{"allow":144},[145,146,147,148,149],"GET","POST","PUT","PATCH","DELETE",[151],{"href":152},"https://api.aoskin.ru/wp-json/wp/v2/posts",[154],{"href":155},"https://api.aoskin.ru/wp-json/wp/v2/types/post",[157],{"embeddable":126,"href":158},"https://api.aoskin.ru/wp-json/wp/v2/users/1",[160],{"embeddable":126,"href":161},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1794",[163],{"count":23,"href":164},"https://api.aoskin.ru/wp-json/wp/v2/posts/1794/revisions",[166],{"id":167,"href":168},1801,"https://api.aoskin.ru/wp-json/wp/v2/posts/1794/revisions/1801",[170],{"embeddable":126,"href":171},"https://api.aoskin.ru/wp-json/wp/v2/media/1791",[173],{"href":174},"https://api.aoskin.ru/wp-json/wp/v2/media?parent=1794",[176,179],{"taxonomy":177,"embeddable":126,"href":178},"category","https://api.aoskin.ru/wp-json/wp/v2/categories?post=1794",{"taxonomy":180,"embeddable":126,"href":181},"post_tag","https://api.aoskin.ru/wp-json/wp/v2/tags?post=1794",[183],{"name":184,"href":185,"templated":126},"wp","https://api.w.org/{rel}",{"author":187,"wp:featuredmedia":236,"wp:term":299},[188],{"id":23,"name":63,"url":136,"description":26,"link":137,"slug":63,"avatar_urls":189,"yoast_head":192,"yoast_head_json":193,"acf":227,"_links":228},{"24":190,"48":191,"96":133},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=24&d=mm&r=g","https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=48&d=mm&r=g","\u003C!-- This site is optimized with the Yoast SEO plugin v28.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>aoskin, Author at api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"profile\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"aoskin, Author at api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"ProfilePage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\",\"name\":\"aoskin, Author at api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Archives for aoskin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"],\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":194,"robots":195,"canonical":137,"og_locale":52,"og_type":196,"og_title":194,"og_url":137,"og_site_name":54,"og_image":197,"twitter_card":64,"schema":200},"aoskin, Author at api.aoskin.ru",{"index":47,"follow":48,"max-snippet":49,"max-image-preview":50,"max-video-preview":51},"profile",[198],{"url":199,"type":26,"width":26,"height":26},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g",{"@context":68,"@graph":201},[202,210,215,221],{"@type":203,"@id":137,"url":137,"name":194,"isPartOf":204,"breadcrumb":205,"inLanguage":84,"potentialAction":207},"ProfilePage",{"@id":94},{"@id":206},"https://api.aoskin.ru/author/aoskin/#breadcrumb",[208],{"@type":101,"target":209},[137],{"@type":106,"@id":206,"itemListElement":211},[212,213],{"@type":109,"position":23,"name":110,"item":111},{"@type":109,"position":113,"name":214},"Archives for aoskin",{"@type":115,"@id":94,"url":111,"name":116,"description":26,"publisher":216,"alternateName":116,"potentialAction":217,"inLanguage":84},{"@id":75},[218],{"@type":120,"target":219,"query-input":220},{"@type":122,"urlTemplate":123},{"@type":125,"valueRequired":126,"valueName":127},{"@type":222,"@id":75,"name":63,"image":223,"logo":224,"sameAs":225,"mainEntityOfPage":226},[130,131],{"@type":104,"inLanguage":84,"@id":133,"url":133,"contentUrl":133,"caption":63},{"@id":133},[136],{"@id":137},[],{"self":229,"collection":233},[230],{"href":158,"targetHints":231},{"allow":232},[145,146,147,148,149],[234],{"href":235},"https://api.aoskin.ru/wp-json/wp/v2/users",[237],{"id":24,"date":238,"slug":239,"type":240,"link":241,"title":242,"author":23,"featured_media":78,"acf":243,"caption":244,"alt_text":26,"media_type":245,"mime_type":62,"media_details":246,"source_url":61,"_links":277},"2025-12-07T16:17:21","46-css-subgrid","attachment","https://api.aoskin.ru/css-subgrid-gibkost-setok-o-kotoroj-davno-mechtali/46-css-subgrid/",{"rendered":239},[],{"rendered":26},"image",{"width":59,"height":60,"file":247,"filesize":248,"sizes":249,"image_meta":274},"2025/12/46-css-subgrid.webp",44676,{"medium":250,"large":256,"thumbnail":261,"medium_large":266,"full":272},{"file":251,"width":252,"height":253,"filesize":254,"mime_type":62,"source_url":255},"46-css-subgrid-300x168.webp",300,168,4926,"https://api.aoskin.ru/wp-content/uploads/2025/12/46-css-subgrid-300x168.webp",{"file":257,"width":258,"height":259,"filesize":260,"mime_type":62,"source_url":138},"46-css-subgrid-1024x574.webp",1024,574,32850,{"file":262,"width":263,"height":263,"filesize":264,"mime_type":62,"source_url":265},"46-css-subgrid-150x150.webp",150,3340,"https://api.aoskin.ru/wp-content/uploads/2025/12/46-css-subgrid-150x150.webp",{"file":267,"width":268,"height":269,"filesize":270,"mime_type":62,"source_url":271},"46-css-subgrid-768x430.webp",768,430,21810,"https://api.aoskin.ru/wp-content/uploads/2025/12/46-css-subgrid-768x430.webp",{"file":273,"width":59,"height":60,"mime_type":62,"source_url":61},"46-css-subgrid.webp",{"aperture":275,"credit":26,"camera":26,"caption":26,"created_timestamp":275,"copyright":26,"focal_length":275,"iso":275,"shutter_speed":275,"title":26,"orientation":275,"keywords":276},"0",[],{"self":278,"collection":282,"about":285,"author":288,"replies":290,"wp:attached-to":293,"curies":297},[279],{"href":171,"targetHints":280},{"allow":281},[145,146,147,148,149],[283],{"href":284},"https://api.aoskin.ru/wp-json/wp/v2/media",[286],{"href":287},"https://api.aoskin.ru/wp-json/wp/v2/types/attachment",[289],{"embeddable":126,"href":158},[291],{"embeddable":126,"href":292},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1791",[294],{"embeddable":126,"post_type":14,"id":295,"href":296},1787,"https://api.aoskin.ru/wp-json/wp/v2/posts/1787",[298],{"name":184,"href":185,"templated":126},[300,348],[301],{"id":31,"link":302,"name":83,"slug":303,"taxonomy":177,"yoast_head":304,"yoast_head_json":305,"acf":330,"_links":331},"https://api.aoskin.ru/en/category/css-en/","css-en","\u003C!-- This site is optimized with the Yoast SEO plugin v28.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>CSS Archives - api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/en/category/css-en/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"CSS Archives - api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/en/category/css-en/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/css-en\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/css-en\\/\",\"name\":\"CSS Archives - api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/css-en\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/css-en\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\",\"width\":1456,\"height\":816,\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/12\\/46-css-subgrid.webp\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"]}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":306,"robots":307,"canonical":302,"og_locale":52,"og_type":53,"og_title":306,"og_url":302,"og_site_name":54,"twitter_card":64,"schema":308},"CSS Archives - api.aoskin.ru",{"index":47,"follow":48,"max-snippet":49,"max-image-preview":50,"max-video-preview":51},{"@context":68,"@graph":309},[310,315,319,325],{"@type":311,"@id":302,"url":302,"name":306,"isPartOf":312,"breadcrumb":313,"inLanguage":84},"CollectionPage",{"@id":94},{"@id":314},"https://api.aoskin.ru/en/category/css-en/#breadcrumb",{"@type":106,"@id":314,"itemListElement":316},[317,318],{"@type":109,"position":23,"name":110,"item":111},{"@type":109,"position":113,"name":83},{"@type":115,"@id":94,"url":111,"name":116,"description":26,"publisher":320,"alternateName":116,"potentialAction":321,"inLanguage":84},{"@id":75},[322],{"@type":120,"target":323,"query-input":324},{"@type":122,"urlTemplate":123},{"@type":125,"valueRequired":126,"valueName":127},{"@type":326,"@id":75,"name":63,"image":327,"logo":328,"sameAs":329},[130,131],{"@type":104,"inLanguage":84,"@id":61,"url":61,"contentUrl":61,"width":59,"height":60,"caption":63},{"@id":61},[136],[],{"self":332,"collection":337,"about":340,"wp:post_type":343,"curies":346},[333],{"href":334,"targetHints":335},"https://api.aoskin.ru/wp-json/wp/v2/categories/54",{"allow":336},[145,146,147,148,149],[338],{"href":339},"https://api.aoskin.ru/wp-json/wp/v2/categories",[341],{"href":342},"https://api.aoskin.ru/wp-json/wp/v2/taxonomies/category",[344],{"href":345},"https://api.aoskin.ru/wp-json/wp/v2/posts?categories=54",[347],{"name":184,"href":185,"templated":126},[],1793437403776]