{"id":35457,"date":"2023-05-08T10:43:31","date_gmt":"2023-05-08T07:43:31","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=35457"},"modified":"2023-08-17T10:03:26","modified_gmt":"2023-08-17T07:03:26","slug":"grid-container-faq","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/grid-container-faq\/","title":{"rendered":"Grid container FAQs"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">I tried to add a widget to a cell but it put it in a different cell.<\/h3>\n\n\n\n<p>In a Grid Container you must add widgets to the cells in order. If you try to add a widget to a cell out of order, it will automatically be put in the proper cell. Below are the layouts for a 3&#215;2 grid container with column and row settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"913\" height=\"334\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png\" alt=\"\" class=\"wp-image-35462\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png 913w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout-300x110.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout-768x281.png 768w\" sizes=\"(max-width: 913px) 100vw, 913px\" \/><\/a><\/figure>\n\n\n\n<p>You can switch between the columns and rows by changing the Auto-Flow setting in the<a href=\"http:\/\/www.elementor.com\/help\/grid-container-layout-options\"> Items section of the Layout tab<\/a>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can I make rows and columns of different heights and widths?<\/h3>\n\n\n\n<p>Yes you can customize the height or width by choosing Custom. Enter any custom <a href=\"https:\/\/elementor.com\/help\/whats-the-difference-between-px-em-rem-vw-and-vh\/\">measurement<\/a> or even CSS grid property for the column or row. You can even use different measurement types for each column or row. Following is an example of customizing a grid with three columns where the first column will be 5EM, the second 70PX&nbsp; and the third 1FR:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/For-the-FAQ-custom-sizing.jpg\"><img decoding=\"async\" width=\"479\" height=\"109\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/For-the-FAQ-custom-sizing.jpg\" alt=\"\" class=\"wp-image-35463\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/For-the-FAQ-custom-sizing.jpg 479w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/For-the-FAQ-custom-sizing-300x68.jpg 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Can I create a Grid Container with a blank cell?<\/h3>\n\n\n\n<p>For some designs you may want to have one blank cell within a grid. In theory, you must have an element in a cell before you can add an element to the next cell. However, there is a workaround. You can add a contentless widget (the Spacer widget is recommended) to a cell and then add an element to the next cell. This will appear as a blank space in your grid.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Sample-page-with-empty-cell.jpg\"><img decoding=\"async\" width=\"778\" height=\"773\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Sample-page-with-empty-cell.jpg\" alt=\"\" class=\"wp-image-35464\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Sample-page-with-empty-cell.jpg 778w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Sample-page-with-empty-cell-300x298.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Sample-page-with-empty-cell-150x150.jpg 150w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Sample-page-with-empty-cell-768x763.jpg 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/a><figcaption class=\"wp-element-caption\">Sample of a Container Grid with a blank cell in the middle. The blank cell contains a Spacer widget.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Can I create more advanced layouts with uneven grid layouts?<\/strong><\/h3>\n\n\n\n<p>You can achieve that by heading to the Columns and Rows unit size selector and changing it from FR to Custom (pencil icon). Then, in the custom field, you can use CSS Grid properties to create more complex layouts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Can I use Flexbox and Grid simultaneously for my page layout?<\/strong><\/h3>\n\n\n\n<p>Sure, you can enjoy both worlds and use each layout&#8217;s features and flexibility to create unique and complex structures.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>The Grid Outlines disappear when not focused on the container widget or live preview. Why?<\/strong><\/h3>\n\n\n\n<p>The Grid Outlines are only for editing purposes to help you visualize the grid layout better, when you\u2019re focused on a different element on the page, we don\u2019t want to overload the Editor with unnecessary guides. We also don\u2019t want to show the outline in the preview or live page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>FAQ I tried to add a widget to a cell but it put it in a different cell. In a Grid Container you must add widgets to the cells in order. If you try to add a widget to a cell out of order, it will automatically be put in the proper cell. Below are [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65ba330e3b037e6518a96c9b"],"footnotes":""},"categories":[1445],"tags":[1324],"class_list":["post-35457","post","type-post","status-publish","format-standard","hentry","category-containers-faqs","tag-faqs"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Grid container FAQs | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Grid container FAQs in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/grid-container-faq\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grid container FAQs | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Grid container FAQs in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/grid-container-faq\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-08T07:43:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T07:03:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png\" \/>\n\t<meta property=\"og:image:width\" content=\"913\" \/>\n\t<meta property=\"og:image:height\" content=\"334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Grid container FAQs\",\"datePublished\":\"2023-05-08T07:43:31+00:00\",\"dateModified\":\"2023-08-17T07:03:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/\"},\"wordCount\":416,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png\",\"keywords\":[\"FAQs\"],\"articleSection\":[\"Containers FAQs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/grid-container-faq\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/\",\"url\":\"https:\/\/elementor.com\/help\/grid-container-faq\/\",\"name\":\"Grid container FAQs | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png\",\"datePublished\":\"2023-05-08T07:43:31+00:00\",\"dateModified\":\"2023-08-17T07:03:26+00:00\",\"description\":\"Learn everything about Grid container FAQs in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/grid-container-faq\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/grid-container-faq\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Layout\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Containers FAQs\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/containers-faqs\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Grid container FAQs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grid container FAQs | Elementor","description":"Learn everything about Grid container FAQs in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/grid-container-faq\/","og_locale":"en_US","og_type":"article","og_title":"Grid container FAQs | Elementor","og_description":"Learn everything about Grid container FAQs in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/grid-container-faq\/","og_site_name":"Help","article_published_time":"2023-05-08T07:43:31+00:00","article_modified_time":"2023-08-17T07:03:26+00:00","og_image":[{"width":913,"height":334,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/grid-container-faq\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/grid-container-faq\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Grid container FAQs","datePublished":"2023-05-08T07:43:31+00:00","dateModified":"2023-08-17T07:03:26+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/grid-container-faq\/"},"wordCount":416,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png","keywords":["FAQs"],"articleSection":["Containers FAQs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/grid-container-faq\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/grid-container-faq\/","url":"https:\/\/elementor.com\/help\/grid-container-faq\/","name":"Grid container FAQs | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png","datePublished":"2023-05-08T07:43:31+00:00","dateModified":"2023-08-17T07:03:26+00:00","description":"Learn everything about Grid container FAQs in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/grid-container-faq\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/grid-container-faq\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/grid-container-faq\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/Row-and-Column-layout.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/grid-container-faq\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Layout","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/"},{"@type":"ListItem","position":4,"name":"Containers FAQs","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/containers-faqs\/"},{"@type":"ListItem","position":5,"name":"Grid container FAQs"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/35457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=35457"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/35457\/revisions"}],"predecessor-version":[{"id":36831,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/35457\/revisions\/36831"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=35457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=35457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=35457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}