{"id":7022,"date":"2021-10-28T11:43:09","date_gmt":"2021-10-28T06:13:09","guid":{"rendered":"https:\/\/www.innovationm.com\/blog\/?p=7022"},"modified":"2021-10-28T11:43:09","modified_gmt":"2021-10-28T06:13:09","slug":"css-grid","status":"publish","type":"post","link":"https:\/\/www.innovationm.com\/blog\/css-grid\/","title":{"rendered":"CSS GRID"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">CSS Grid is a powerful tool that allows for two-dimensional textures to be built on the web. This guide is designed as a tool to help you better understand and read the Grid, and is organized in a way that I think makes a lot of sense as you read.<\/span><\/p>\n<h2><strong>Grid Container<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0Create a grid container by setting the display item by grid value or inline-grid. All direct children of grid containers become grid objects.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0Like tables, grid layout enables the author to sync objects in columns and rows. However, many configurations are possible or easier with the CSS grid than were the case with tables. For example, children\u2019s items in grid containers can place them on their own and therefore are actually intertwined and layered, similar to objects placed in CSS.<\/span><\/p>\n<pre class=\"lang:default decode:true \">{\r\n\r\ndisplay: grid\r\n\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Grid items are placed in rows by default and span the full width of the grid container.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7023\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-1-300x100.png\" alt=\"\" width=\"348\" height=\"116\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-1-300x100.png 300w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-1.png 430w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/p>\n<h2><b>Grid-template-columns:<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The<\/span> <b><i>grid-template-columns<\/i><\/b> <span style=\"font-weight: 400;\">CSS property defines the line names and track sizing functions of the <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Grid_Column\"><span style=\"font-weight: 400;\">grid<\/span><\/a><span style=\"font-weight: 400;\">, giving below.<\/span><\/p>\n<pre class=\"lang:default decode:true \">{\r\n\r\ngrid-template-columns: 60px 60px ;\r\n\r\n}<\/pre>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7024\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-2.png\" alt=\"\" width=\"150\" height=\"152\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-2.png 150w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-2-24x24.png 24w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-2-48x48.png 48w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-2-96x96.png 96w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">{\r\n\r\ngrid-template-columns: 1fr 2fr;\r\n\r\n}<\/pre>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7025\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-3.png\" alt=\"\" width=\"171\" height=\"163\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-3.png 171w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-3-24x24.png 24w\" sizes=\"(max-width: 171px) 100vw, 171px\" \/><\/p>\n<p><b style=\"font-size: 1.28571rem;\">Grid-column-start:<\/b><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><span style=\"font-weight: 400;\">grid-column-start<\/span><span style=\"font-weight: 400;\"> CSS property specifies a grid item\u2019s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Grid_Areas\"><span style=\"font-weight: 400;\">grid area<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<pre class=\"lang:default decode:true \">{\r\n\r\ngrid-column-start: auto;\r\n\r\n}<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7026\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-4.png\" alt=\"\" width=\"173\" height=\"162\" \/><\/p>\n<pre class=\"lang:default decode:true \">{\r\n\r\ngrid-column-start: 2;\r\n\r\n}<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7027\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-5.png\" alt=\"\" width=\"172\" height=\"161\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Grid-gap :<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The<\/span> <span style=\"font-weight: 400;\">gap<\/span> <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\"><span style=\"font-weight: 400;\">CSS<\/span><\/a> <span style=\"font-weight: 400;\">property sets the gaps<\/span><span style=\"font-weight: 400;\"> (<\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Gutters\"><span style=\"font-weight: 400;\">gutters<\/span><\/a><span style=\"font-weight: 400;\">) <\/span><span style=\"font-weight: 400;\">between rows and columns. It is a <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Shorthand_properties\"><span style=\"font-weight: 400;\">shorthand<\/span><\/a><span style=\"font-weight: 400;\"> for <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/row-gap\"><span style=\"font-weight: 400;\">row-gap<\/span><\/a><span style=\"font-weight: 400;\"> and <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/column-gap\"><span style=\"font-weight: 400;\">column-gap<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<pre class=\"lang:default decode:true \">{\u00a0\u00a0\r\n\r\ndisplay: grid;\r\n\r\ngrid-template-columns: auto auto;\r\n\r\ngrid-gap: 10px;\r\n\r\n}<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7028\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/B-6.png\" alt=\"\" width=\"229\" height=\"262\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS Grid is a powerful tool that allows for two-dimensional textures to be built on the web. This guide is designed as a tool to help you better understand and read the Grid, and is organized in a way that I think makes a lot of sense as you read. Grid Container \u00a0\u00a0\u00a0Create a grid [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7031,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71,642,651],"tags":[704,716,715,652,645,85,717,84],"class_list":["post-7022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-ui-design","category-ux-design","tag-css","tag-css-grid","tag-grid","tag-mobile-ux-design","tag-responsive-ui-ux-design","tag-ui","tag-ui-ux","tag-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS GRID - InnovationM - Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.innovationm.com\/blog\/css-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS GRID - InnovationM - Blog\" \/>\n<meta property=\"og:description\" content=\"CSS Grid is a powerful tool that allows for two-dimensional textures to be built on the web. This guide is designed as a tool to help you better understand and read the Grid, and is organized in a way that I think makes a lot of sense as you read. Grid Container \u00a0\u00a0\u00a0Create a grid [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.innovationm.com\/blog\/css-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"InnovationM - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-28T06:13:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/css-grid-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"InnovationM Admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InnovationM Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/\"},\"author\":{\"name\":\"InnovationM Admin\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"headline\":\"CSS GRID\",\"datePublished\":\"2021-10-28T06:13:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/\"},\"wordCount\":234,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/css-grid-scaled.jpg\",\"keywords\":[\"css\",\"css grid\",\"grid\",\"Mobile UX Design\",\"responsive UI\\\/UX design\",\"UI\",\"ui\\\/ux\",\"UX\"],\"articleSection\":[\"Mobile\",\"UI Design\",\"UX Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/\",\"name\":\"CSS GRID - InnovationM - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/css-grid-scaled.jpg\",\"datePublished\":\"2021-10-28T06:13:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/css-grid-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/css-grid-scaled.jpg\",\"width\":2560,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/css-grid\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS GRID\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\",\"name\":\"InnovationM - Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\",\"name\":\"InnovationM Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"caption\":\"InnovationM Admin\"},\"sameAs\":[\"http:\\\/\\\/www.innovationm.com\\\/\"],\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/author\\\/innovationmadmin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS GRID - InnovationM - Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.innovationm.com\/blog\/css-grid\/","og_locale":"en_US","og_type":"article","og_title":"CSS GRID - InnovationM - Blog","og_description":"CSS Grid is a powerful tool that allows for two-dimensional textures to be built on the web. This guide is designed as a tool to help you better understand and read the Grid, and is organized in a way that I think makes a lot of sense as you read. Grid Container \u00a0\u00a0\u00a0Create a grid [&hellip;]","og_url":"https:\/\/www.innovationm.com\/blog\/css-grid\/","og_site_name":"InnovationM - Blog","article_published_time":"2021-10-28T06:13:09+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/css-grid-scaled.jpg","type":"image\/jpeg"}],"author":"InnovationM Admin","twitter_misc":{"Written by":"InnovationM Admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/#article","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/"},"author":{"name":"InnovationM Admin","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"headline":"CSS GRID","datePublished":"2021-10-28T06:13:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/"},"wordCount":234,"commentCount":0,"image":{"@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/css-grid-scaled.jpg","keywords":["css","css grid","grid","Mobile UX Design","responsive UI\/UX design","UI","ui\/ux","UX"],"articleSection":["Mobile","UI Design","UX Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.innovationm.com\/blog\/css-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/","url":"https:\/\/www.innovationm.com\/blog\/css-grid\/","name":"CSS GRID - InnovationM - Blog","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/#primaryimage"},"image":{"@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/css-grid-scaled.jpg","datePublished":"2021-10-28T06:13:09+00:00","author":{"@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"breadcrumb":{"@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.innovationm.com\/blog\/css-grid\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/#primaryimage","url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/css-grid-scaled.jpg","contentUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2021\/10\/css-grid-scaled.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/www.innovationm.com\/blog\/css-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.innovationm.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS GRID"}]},{"@type":"WebSite","@id":"https:\/\/www.innovationm.com\/blog\/#website","url":"https:\/\/www.innovationm.com\/blog\/","name":"InnovationM - Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.innovationm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed","name":"InnovationM Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","caption":"InnovationM Admin"},"sameAs":["http:\/\/www.innovationm.com\/"],"url":"https:\/\/www.innovationm.com\/blog\/author\/innovationmadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/7022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/comments?post=7022"}],"version-history":[{"count":0,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/7022\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media\/7031"}],"wp:attachment":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media?parent=7022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/categories?post=7022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/tags?post=7022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}