{"id":31604,"date":"2022-10-10T12:00:00","date_gmt":"2022-10-10T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=31604"},"modified":"2024-01-10T15:50:53","modified_gmt":"2024-01-10T13:50:53","slug":"what-is-a-container","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/what-is-a-container\/","title":{"rendered":"What is a Flexbox Container?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/website-1597382_1280.png\" alt=\"Graphic of different web page layouts.\" class=\"wp-image-31605\"\/><figcaption class=\"wp-element-caption\">Use Elementor Containers to make your web building process more efficient!<\/figcaption><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Introducing containers<\/strong><\/h1>\n\n\n\n<p>Containers are the way Elementor now organizes and lays out webpages, replacing the current system of sections, columns, and inner sections. Containers not only allow you to create more complex web page designs, they also help you design your page layout more efficiently.&nbsp;<\/p>\n\n\n\n<p>A container holds, or \u2018contains\u2019 the other elements of your page including <a href=\"https:\/\/elementor.com\/widgets\/\">Elementor widgets<\/a> and other containers. When you place containers inside other containers they are called \u2018nested\u2019 or \u2018child\u2019 containers.<\/p>\n\n\n\n<p>There are two types of containers; Grid containers are created with a symmetrical layout of rows and columns while Flexbox containers are created with asymmetrical layouts.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why containers?<\/strong><\/h3>\n\n\n\n<p>Elementor Flexbox Containers provide you with much greater creative freedom and control over your web design process. They also allow you to work more efficiently.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>B<\/strong><strong>etter web page performance<\/strong><\/h3>\n\n\n\n<p>Containers increase web page performance because they only contain one wrapper element: the container. This is in contrast with sections and columns which have two wrapper elements. Adding containers reduces the DOM (Document Object Model) size. This reduced object framework can, if properly implemented, improve your web page performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Greater freedom in designing<\/strong><\/h3>\n\n\n\n<p>By nesting a child container inside a parent container, you\u2019ll have better control over the direction, alignment, order, length, and placement of Elementor\u2019s widgets. As an added bonus, you don\u2019t need to add any additional sections or columns.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Flexible website design<\/strong><\/h3>\n\n\n\n<p>Containers give you flexibility to reorder web page elements, making them easier to adjust to&nbsp; different screen sizes. Using containers, you can make sure the elements of your page appear in the proper order no matter what the screen size &#8211; resulting in a much better user experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Reusability of webpage elements<\/strong><\/h3>\n\n\n\n<p>Containers can also greatly improve your workflow by giving you flexibility to reuse elements. You can create a container with several elements, save it, and reuse it as a recurring template.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final words<\/strong><\/h2>\n\n\n\n<p>Going forward, containers will allow us to introduce more exciting and powerful features, which are currently under development. As a next step, you\u2019ll need to learn <a href=\"https:\/\/elementor.com\/help\/how-do-i-create-a-container\/\">how to create containers<\/a>.<\/p>\n\n\n\n<p>To get the most out of Elementor, also check out the <a href=\"https:\/\/elementor.com\/academy\/\">Elementor Academy<\/a> for more helpful learning resources. If you come across any issues or need help, please contact our <a href=\"https:\/\/elementor.com\/support\/\">Support Center<\/a>.<br><br><br><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducing containers Containers are the way Elementor now organizes and lays out webpages, replacing the current system of sections, columns, and inner sections. Containers not only allow you to create more complex web page designs, they also help you design your page layout more efficiently.&nbsp; A container holds, or \u2018contains\u2019 the other elements of your [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":31605,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["659ea0bf97a467b4c2f41cbe"],"footnotes":""},"categories":[1445],"tags":[],"class_list":["post-31604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-containers-faqs"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is a Flexbox Container? | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about What is a Flexbox Container? 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\/what-is-a-container\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a Flexbox Container? | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about What is a Flexbox Container? in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/what-is-a-container\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-10T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-10T13:50:53+00:00\" \/>\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\/what-is-a-container\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"What is a Flexbox Container?\",\"datePublished\":\"2022-10-10T09:00:00+00:00\",\"dateModified\":\"2024-01-10T13:50:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/\"},\"wordCount\":398,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Containers FAQs\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/\",\"url\":\"https:\/\/elementor.com\/help\/what-is-a-container\/\",\"name\":\"What is a Flexbox Container? | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2022-10-10T09:00:00+00:00\",\"dateModified\":\"2024-01-10T13:50:53+00:00\",\"description\":\"Learn everything about What is a Flexbox Container? in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/what-is-a-container\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/what-is-a-container\/#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\":\"What is a Flexbox Container?\"}]},{\"@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":"What is a Flexbox Container? | Elementor","description":"Learn everything about What is a Flexbox Container? 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\/what-is-a-container\/","og_locale":"en_US","og_type":"article","og_title":"What is a Flexbox Container? | Elementor","og_description":"Learn everything about What is a Flexbox Container? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/what-is-a-container\/","og_site_name":"Help","article_published_time":"2022-10-10T09:00:00+00:00","article_modified_time":"2024-01-10T13:50:53+00:00","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\/what-is-a-container\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/what-is-a-container\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"What is a Flexbox Container?","datePublished":"2022-10-10T09:00:00+00:00","dateModified":"2024-01-10T13:50:53+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/what-is-a-container\/"},"wordCount":398,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage"},"thumbnailUrl":"","articleSection":["Containers FAQs"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/what-is-a-container\/","url":"https:\/\/elementor.com\/help\/what-is-a-container\/","name":"What is a Flexbox Container? | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage"},"thumbnailUrl":"","datePublished":"2022-10-10T09:00:00+00:00","dateModified":"2024-01-10T13:50:53+00:00","description":"Learn everything about What is a Flexbox Container? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/what-is-a-container\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/what-is-a-container\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/what-is-a-container\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/what-is-a-container\/#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":"What is a Flexbox Container?"}]},{"@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\/31604","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=31604"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/31604\/revisions"}],"predecessor-version":[{"id":39237,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/31604\/revisions\/39237"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=31604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=31604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=31604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}