Grid 06

Getting started

Grid 01

{"content":[{"id":"zxmema","name":"section","parent":0,"children":["anprth"],"settings":{"_cssGlobalClasses":["jkkjia"]}},{"id":"anprth","name":"container","parent":"zxmema","children":["rcejmh","tulghp","zpglip"],"settings":{"_cssGlobalClasses":["duychn","rfjffp","kbyzmd","xhsewh"]},"label":"Grid"},{"id":"rcejmh","name":"block","parent":"anprth","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"tulghp","name":"block","parent":"anprth","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"zpglip","name":"block","parent":"anprth","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}}],"source":"bricksCopiedElements","sourceUrl":"https://renmoe.com/bricksnativeglobal","version":"1.12.3","globalClasses":[{"id":"jkkjia","name":"ren-pad-top-bottom-lg","settings":{"_padding":{"bottom":"var(--spacing-lg)","top":"var(--spacing-lg)"}}},{"id":"duychn","name":"ren-container-width-lg","settings":{"_widthMax":"1366","_width":"90%"},"modified":1739690341,"user_id":1},{"id":"rfjffp","name":"ren-grid--layout-01","settings":{"_alignItemsGrid":"stretch","_cssCustom":".ren-grid--layout-01 {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n}\n\n.ren-grid--layout-01 :nth-child(1) { grid-area: 1 / 1 / 3 / 2; }\n.ren-grid--layout-01 :nth-child(2) { grid-area: 1 / 2 / 2 / 3; }\n.ren-grid--layout-01 :nth-child(3) { grid-area: 2 / 2 / 3 / 3; }\n\n        ","_cssCustom:mobile_landscape":".ren-grid--layout-01 {\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(3, 1fr);\n}\n\n.ren-grid--layout-01 :nth-child(1) { grid-area: auto; }\n.ren-grid--layout-01 :nth-child(2) { grid-area: auto; }\n.ren-grid--layout-01 :nth-child(3) { grid-area: auto; }"},"modified":1741535848,"user_id":1},{"id":"kbyzmd","name":"ren-grid-gap-xs","settings":{"_gridGap":"var(--spacing-xs)"},"modified":1734224977,"user_id":1},{"id":"xhsewh","name":"ren-min-height-80","settings":{"_heightMin":"80vh"}},{"id":"tqyoxw","name":"ren-bg--surface","settings":{"_background":{"color":{"raw":"var(--bg-surface)"}}},"modified":1739256198,"user_id":1}],"globalElements":[]}

Grid 02

Copy Preview

{"content":[{"id":"1a07ba","name":"section","parent":0,"children":["d644a2"],"settings":{"_cssGlobalClasses":["jkkjia"]}},{"id":"d644a2","name":"container","parent":"1a07ba","children":["861998","6e9a64","deb2bd","vbgdrv"],"settings":{"_cssGlobalClasses":["duychn","hhrrln","kbyzmd","xhsewh"]},"label":"Grid"},{"id":"861998","name":"block","parent":"d644a2","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"6e9a64","name":"block","parent":"d644a2","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"deb2bd","name":"block","parent":"d644a2","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"vbgdrv","name":"block","parent":"d644a2","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}}],"source":"bricksCopiedElements","sourceUrl":"https://renmoe.com/bricksnativeglobal","version":"1.12.3","globalClasses":[{"id":"jkkjia","name":"ren-pad-top-bottom-lg","settings":{"_padding":{"bottom":"var(--spacing-lg)","top":"var(--spacing-lg)"}}},{"id":"duychn","name":"ren-container-width-lg","settings":{"_widthMax":"1366","_width":"90%"},"modified":1739690341,"user_id":1},{"id":"hhrrln","name":"ren-grid--layout-02","settings":{"_cssCustom":".ren-grid--layout-02 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n}\n\n.ren-grid--layout-02 :nth-child(1) { grid-area: 1 / 1 / 2 / 3; }\n.ren-grid--layout-02 :nth-child(2) { grid-area: 1 / 3 / 2 / 4; }\n.ren-grid--layout-02 :nth-child(3) { grid-area: 2 / 1 / 3 / 2; }\n.ren-grid--layout-02 :nth-child(4) { grid-area: 2 / 2 / 3 / 4; }","_cssCustom:mobile_landscape":".ren-grid--layout-02 {\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(4, 1fr);\n}\n\n.ren-grid--layout-02 :nth-child(1) { grid-area: auto; }\n.ren-grid--layout-02 :nth-child(2) { grid-area: auto; }\n.ren-grid--layout-02 :nth-child(3) { grid-area: auto; }\n.ren-grid--layout-02 :nth-child(4) { grid-area: auto; }","_alignItemsGrid":"stretch"},"modified":1741538622,"user_id":1},{"id":"kbyzmd","name":"ren-grid-gap-xs","settings":{"_gridGap":"var(--spacing-xs)"},"modified":1734224977,"user_id":1},{"id":"xhsewh","name":"ren-min-height-80","settings":{"_heightMin":"80vh"}},{"id":"tqyoxw","name":"ren-bg--surface","settings":{"_background":{"color":{"raw":"var(--bg-surface)"}}},"modified":1739256198,"user_id":1}],"globalElements":[]}

Grid 03

Copy Preview

{"content":[{"id":"e5fe2a","name":"section","parent":0,"children":["0a20ea"],"settings":{"_cssGlobalClasses":["jkkjia"]}},{"id":"0a20ea","name":"container","parent":"e5fe2a","children":["e2908e","5253aa","07ac83","93c43e","ldxdpw"],"settings":{"_cssGlobalClasses":["duychn","djjwtz","xhsewh","kbyzmd"]},"label":"Grid"},{"id":"e2908e","name":"block","parent":"0a20ea","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"5253aa","name":"block","parent":"0a20ea","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"07ac83","name":"block","parent":"0a20ea","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"93c43e","name":"block","parent":"0a20ea","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"ldxdpw","name":"block","parent":"0a20ea","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}}],"source":"bricksCopiedElements","sourceUrl":"https://renmoe.com/bricksnativeglobal","version":"1.12.3","globalClasses":[{"id":"jkkjia","name":"ren-pad-top-bottom-lg","settings":{"_padding":{"bottom":"var(--spacing-lg)","top":"var(--spacing-lg)"}}},{"id":"duychn","name":"ren-container-width-lg","settings":{"_widthMax":"1366","_width":"90%"},"modified":1739690341,"user_id":1},{"id":"djjwtz","name":"ren-grid--layout-03","settings":{"_cssCustom":".ren-grid--layout-03 {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  grid-template-rows: repeat(7, 1fr);\n}\n\n.ren-grid--layout-03 :nth-child(1) { grid-area: 1 / 1 / 4 / 3; }\n.ren-grid--layout-03 :nth-child(2) { grid-area: 1 / 5 / 4 / 7; }\n.ren-grid--layout-03 :nth-child(3) { grid-area: 3 / 3 / 6 / 5; }\n.ren-grid--layout-03 :nth-child(4) { grid-area: 5 / 1 / 8 / 3; }\n.ren-grid--layout-03 :nth-child(5) { grid-area: 5 / 5 / 8 / 7; }","_cssCustom:mobile_landscape":".ren-grid--layout-03 {\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(5, 1fr);\n}\n\n.ren-grid--layout-03 :nth-child(1) { grid-area: auto; }\n.ren-grid--layout-03 :nth-child(2) { grid-area: auto; }\n.ren-grid--layout-03 :nth-child(3) { grid-area: auto; }\n.ren-grid--layout-03 :nth-child(4) { grid-area: auto; }\n.ren-grid--layout-03 :nth-child(5) { grid-area: auto; }","_alignItemsGrid":"stretch"},"modified":1741538351,"user_id":1},{"id":"xhsewh","name":"ren-min-height-80","settings":{"_heightMin":"80vh"}},{"id":"kbyzmd","name":"ren-grid-gap-xs","settings":{"_gridGap":"var(--spacing-xs)"},"modified":1734224977,"user_id":1},{"id":"tqyoxw","name":"ren-bg--surface","settings":{"_background":{"color":{"raw":"var(--bg-surface)"}}},"modified":1739256198,"user_id":1}],"globalElements":[]}

Grid 04

Copy Preview

{"content":[{"id":"f79d99","name":"section","parent":0,"children":["3b4221"],"settings":{"_cssGlobalClasses":["jkkjia"]}},{"id":"3b4221","name":"container","parent":"f79d99","children":["3177d5","8ce9e5","e5f5ce","b585c3","jsutva"],"settings":{"_cssGlobalClasses":["duychn","kkhadc","kbyzmd","xhsewh"]},"label":"Grid"},{"id":"3177d5","name":"block","parent":"3b4221","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"8ce9e5","name":"block","parent":"3b4221","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"e5f5ce","name":"block","parent":"3b4221","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"b585c3","name":"block","parent":"3b4221","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"jsutva","name":"block","parent":"3b4221","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}}],"source":"bricksCopiedElements","sourceUrl":"https://renmoe.com/bricksnativeglobal","version":"1.12.3","globalClasses":[{"id":"jkkjia","name":"ren-pad-top-bottom-lg","settings":{"_padding":{"bottom":"var(--spacing-lg)","top":"var(--spacing-lg)"}}},{"id":"duychn","name":"ren-container-width-lg","settings":{"_widthMax":"1366","_width":"90%"},"modified":1739690341,"user_id":1},{"id":"kkhadc","name":"ren-grid--layout-04","settings":{"_alignItems":"stretch","_cssCustom":".ren-grid--layout-04 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n}\n\n.ren-grid--layout-04 :nth-child(1) { grid-area: 1 / 1 / 3 / 2; }\n.ren-grid--layout-04 :nth-child(2) { grid-area: 1 / 2 / 2 / 3; }\n.ren-grid--layout-04 :nth-child(3) { grid-area: 1 / 3 / 2 / 4; }\n.ren-grid--layout-04 :nth-child(4) { grid-area: 2 / 2 / 3 / 3; }\n.ren-grid--layout-04 :nth-child(5) { grid-area: 2 / 3 / 3 / 4; }","_alignItemsGrid":"stretch","_cssCustom:mobile_landscape":".ren-grid--layout-04 {\ngrid-template-columns: 1fr;\ngrid-template-rows: repeat(5, 1fr);\n}\n\n.ren-grid--layout-04 :nth-child(1) { grid-area: auto; }\n.ren-grid--layout-04 :nth-child(2) { grid-area: auto; }\n.ren-grid--layout-04 :nth-child(3) { grid-area: auto; }\n.ren-grid--layout-04 :nth-child(4) { grid-area: auto; }\n.ren-grid--layout-04 :nth-child(5) { grid-area: auto; }"},"modified":1741539224,"user_id":1},{"id":"kbyzmd","name":"ren-grid-gap-xs","settings":{"_gridGap":"var(--spacing-xs)"},"modified":1734224977,"user_id":1},{"id":"xhsewh","name":"ren-min-height-80","settings":{"_heightMin":"80vh"}},{"id":"tqyoxw","name":"ren-bg--surface","settings":{"_background":{"color":{"raw":"var(--bg-surface)"}}},"modified":1739256198,"user_id":1}],"globalElements":[]}

Grid 05

Copy Preview

{"content":[{"id":"e24744","name":"section","parent":0,"children":["gcrjtf"],"settings":{"_cssGlobalClasses":["jkkjia"]}},{"id":"gcrjtf","name":"container","parent":"e24744","children":["tpepvw","kmuvyc","ynkgxh","mikzhv","xyyqmb","ldesxl"],"settings":{"_cssGlobalClasses":["duychn","ozspzz","xhsewh","kbyzmd"]},"label":"Grid"},{"id":"tpepvw","name":"block","parent":"gcrjtf","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"kmuvyc","name":"block","parent":"gcrjtf","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"ynkgxh","name":"block","parent":"gcrjtf","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"mikzhv","name":"block","parent":"gcrjtf","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"xyyqmb","name":"block","parent":"gcrjtf","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"ldesxl","name":"block","parent":"gcrjtf","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}}],"source":"bricksCopiedElements","sourceUrl":"https://renmoe.com/bricksnativeglobal","version":"1.12.3","globalClasses":[{"id":"jkkjia","name":"ren-pad-top-bottom-lg","settings":{"_padding":{"bottom":"var(--spacing-lg)","top":"var(--spacing-lg)"}}},{"id":"duychn","name":"ren-container-width-lg","settings":{"_widthMax":"1366","_width":"90%"},"modified":1739690341,"user_id":1},{"id":"ozspzz","name":"ren-grid--layout-05","settings":{"_cssCustom":".ren-grid--layout-05 {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n}\n\n.ren-grid--layout-05 :nth-child(1) { grid-area: 1 / 1 / 2 / 3; }\n.ren-grid--layout-05 :nth-child(2) { grid-area: 1 / 3 / 2 / 5; }\n.ren-grid--layout-05 :nth-child(3) { grid-area: 2 / 1 / 3 / 2; }\n.ren-grid--layout-05 :nth-child(4) { grid-area: 2 / 2 / 3 / 3; }\n.ren-grid--layout-05 :nth-child(5) { grid-area: 2 / 3 / 3 / 4; }\n.ren-grid--layout-05 :nth-child(6) { grid-area: 2 / 4 / 3 / 5; }","_alignItemsGrid":"stretch","_cssCustom:mobile_landscape":".ren-grid--layout-05 {\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(6, 1fr);\n}\n\n.ren-grid--layout-05 :nth-child(1) { grid-area: auto; }\n.ren-grid--layout-05 :nth-child(2) { grid-area: auto; }\n.ren-grid--layout-05 :nth-child(3) { grid-area: auto; }\n.ren-grid--layout-05 :nth-child(4) { grid-area: auto; }\n.ren-grid--layout-05 :nth-child(5) { grid-area: auto; }\n.ren-grid--layout-05 :nth-child(6) { grid-area: auto; }"},"modified":1741540145,"user_id":1},{"id":"xhsewh","name":"ren-min-height-80","settings":{"_heightMin":"80vh"}},{"id":"kbyzmd","name":"ren-grid-gap-xs","settings":{"_gridGap":"var(--spacing-xs)"},"modified":1734224977,"user_id":1},{"id":"tqyoxw","name":"ren-bg--surface","settings":{"_background":{"color":{"raw":"var(--bg-surface)"}}},"modified":1739256198,"user_id":1}],"globalElements":[]}

Grid 06

Copy Preview

{"content":[{"id":"68e160","name":"section","parent":0,"children":["128e56"],"settings":{"_cssGlobalClasses":["jkkjia"]}},{"id":"128e56","name":"container","parent":"68e160","children":["2afb07","3b29b8","b5466b","ed2f6b","a36e90","ab56a5"],"settings":{"_cssGlobalClasses":["duychn","lwvgaj","kbyzmd","xhsewh"]},"label":"Grid"},{"id":"2afb07","name":"block","parent":"128e56","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"3b29b8","name":"block","parent":"128e56","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"b5466b","name":"block","parent":"128e56","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"ed2f6b","name":"block","parent":"128e56","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"a36e90","name":"block","parent":"128e56","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}},{"id":"ab56a5","name":"block","parent":"128e56","children":[],"settings":{"_cssGlobalClasses":["tqyoxw"]}}],"source":"bricksCopiedElements","sourceUrl":"https://renmoe.com/bricksnativeglobal","version":"1.12.3","globalClasses":[{"id":"jkkjia","name":"ren-pad-top-bottom-lg","settings":{"_padding":{"bottom":"var(--spacing-lg)","top":"var(--spacing-lg)"}}},{"id":"duychn","name":"ren-container-width-lg","settings":{"_widthMax":"1366","_width":"90%"},"modified":1739690341,"user_id":1},{"id":"lwvgaj","name":"ren-grid--layout-06","settings":{"_cssCustom":".ren-grid--layout-06 {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngrid-template-rows: repeat(3, 1fr);\n}\n\n.ren-grid--layout-06 :nth-child(1) { grid-area: 1 / 1 / 3 / 3; }\n.ren-grid--layout-06 :nth-child(2) { grid-area: 1 / 3 / 2 / 4; }\n.ren-grid--layout-06 :nth-child(3) { grid-area: 2 / 3 / 3 / 4; }\n.ren-grid--layout-06 :nth-child(4) { grid-area: 3 / 1 / 4 / 2; }\n.ren-grid--layout-06 :nth-child(5) { grid-area: 3 / 2 / 4 / 3; }\n.ren-grid--layout-06 :nth-child(6) { grid-area: 3 / 3 / 4 / 4; }","_alignItemsGrid":"stretch","_cssCustom:mobile_landscape":".ren-grid--layout-06 {\ngrid-template-columns: 1fr;\ngrid-template-rows: repeat(6, 1fr);\n}\n\n.ren-grid--layout-06 :nth-child(1) { grid-area: auto; }\n.ren-grid--layout-06 :nth-child(2) { grid-area: auto; }\n.ren-grid--layout-06 :nth-child(3) { grid-area: auto; }\n.ren-grid--layout-06 :nth-child(4) { grid-area: auto; }\n.ren-grid--layout-06 :nth-child(5) { grid-area: auto; }\n.ren-grid--layout-06 :nth-child(6) { grid-area: auto; }"},"modified":1741540403,"user_id":1},{"id":"kbyzmd","name":"ren-grid-gap-xs","settings":{"_gridGap":"var(--spacing-xs)"},"modified":1734224977,"user_id":1},{"id":"xhsewh","name":"ren-min-height-80","settings":{"_heightMin":"80vh"}},{"id":"tqyoxw","name":"ren-bg--surface","settings":{"_background":{"color":{"raw":"var(--bg-surface)"}}},"modified":1739256198,"user_id":1}],"globalElements":[]}

All Component

Marketing

New Components

Free Components

Grid Layouts

Page Templates

UI Elements

All Components

Getting started

Grid 01

Grid 02

Grid 03

Grid 04

Grid 05

Grid 06

All Component

Marketing

New Components

Free Components

Grid Layouts

Page Templates

UI Elements

All Components

Text Alignment

Content Alignment

No. Of Columns

Uncommon

Getting started

Get Premium Access

Component has been copied to your clipboard!

Component has been copied to
your clipboard!