{"id":5142,"date":"2023-05-26T14:05:37","date_gmt":"2023-05-26T05:05:37","guid":{"rendered":"https:\/\/full-site-patterner.com\/en\/?p=5142"},"modified":"2023-06-26T10:53:39","modified_gmt":"2023-06-26T01:53:39","slug":"block-patterngrid","status":"publish","type":"post","link":"https:\/\/full-site-patterner.com\/en\/block-pattern\/tool-pattern\/5142\/","title":{"rendered":"Block pattern(grid)"},"content":{"rendered":"\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-10-2-tab-9-3<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-9 col-lg-10 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC10 | TABLET9 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-3 col-lg-2 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC2 | TABLET3 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-9-3-tab-8-4<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-8 col-lg-9 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC9 | TABLET8 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-4 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET4 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-8-4-tab-7-5<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC8 | TABLET7 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET5 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-7-5-tab-7-5<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-7 col-lg-7 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC7 | TABLET7 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-5 col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC5 | TABLET5 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">grid-pc-6-6-tab-6-6<\/h2>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading is-style-decoration-r-l-line\">PC6 | TABLET6 | MOBILE12<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC6 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">grid-pc-5-7-tab-5-7<\/h2>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-5 col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC5 | TABLET5 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-7 col-lg-7 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC7 | TABLET7 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-4-8-tab-5-7<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET5 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC8 | TABLET7 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-3-9-tab-4-8<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-4 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET4 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-8 col-lg-9 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC9 | TABLET8 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-2-10-tab-3-7<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-3 col-lg-2 is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC2 | TABLET3 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-9 col-lg-10 is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC10 | TABLET9 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-4-5-3-tab-6-6<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC5 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-4-4-4-tab-6-6<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">grid-pc-4-4-4-tab-4-4-4<\/h2>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-4 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET4 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-4 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET4 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-4 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET4 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-3-5-4-tab-6-6<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC5 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC4 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-3-6-3-tab-6-6<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC6 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h3 class=\"wp-block-heading\">grid-pc-3-3-3-3-tab-6-6<\/h3>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-decoration-r-l-line\">PC3 | TABLET6 | MOBILE12<\/h2>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>v1 edition grid-pc-10-2-tab-9-3 PC10 | TABLET9 | MOBILE12 PC2 | TABLET3 | MOBILE12 v1 edition grid-pc-9-3-tab-8-4 PC9 | TABLET8 | MOBILE12 PC3 | TABLET4 | MOBILE12 v1 edition grid-pc-8-4-tab-7-5 PC8 | TABLET7 | MOBILE12 PC4 | TABLET5 | MOBILE12 v1\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[],"class_list":["post-5142","post","type-post","status-publish","format-standard","hentry","category-tool-pattern"],"_links":{"self":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/5142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/comments?post=5142"}],"version-history":[{"count":4,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/5142\/revisions"}],"predecessor-version":[{"id":5460,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/5142\/revisions\/5460"}],"wp:attachment":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/media?parent=5142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/categories?post=5142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/tags?post=5142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}