{"id":31621,"date":"2022-10-06T12:00:00","date_gmt":"2022-10-06T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=31621"},"modified":"2024-09-08T14:07:29","modified_gmt":"2024-09-08T11:07:29","slug":"how-do-flexbox-containers-work","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/","title":{"rendered":"Understanding how Flexbox containers work"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>The basic logic of containers&nbsp;<\/strong><\/h2>\n\n\n\n<p>A container is a box that holds your web page elements, including widgets and other nested containers to provide the layout you need. You can create containers quickly and <a href=\"https:\/\/elementor.com\/help\/creating-a-single-page-template-with-the-container\/\">save them as recurring templates<\/a> to streamline your web building process..<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The layout of items in a container<\/strong><\/h2>\n\n\n\n<p>Elements within a container can have two different types of properties: how they act as a group, and how they act as individual elements. First, let\u2019s look at how containers act as a group. You can set these properties in the <strong>Layout tab<\/strong>.<\/p>\n\n\n\n<p class=\"callout-yellow\">[\/callout type=&#8221;note&#8221;]In addition to widgets, you can place containers inside another (parent) container. This is known as a \u2018nested container\u2019.[\/callout]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Direction&nbsp;&nbsp;<\/strong><\/h3>\n\n\n\n<p>When you add items to a container, you need to set the direction of the content to either <strong>row <\/strong>or <strong>column<\/strong> using the <strong>direction setting<\/strong>. There are four possible directions for the items in a container: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Row &#8211; <img decoding=\"async\" width=\"29\" height=\"28\" class=\"wp-image-50307\" style=\"width: 29px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png\" alt=\"\"><\/li>\n\n\n\n<li>Column &#8211; <img decoding=\"async\" width=\"29\" height=\"28\" class=\"wp-image-50309\" style=\"width: 29px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/Column-1.png\" alt=\"\"> <\/li>\n\n\n\n<li>Reverse Row &#8211; <img decoding=\"async\" width=\"29\" height=\"27\" class=\"wp-image-50310\" style=\"width: 29px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/reverse-row.png\" alt=\"\"><\/li>\n\n\n\n<li>Reverse Column &#8211; <img loading=\"lazy\" decoding=\"async\" width=\"27\" height=\"27\" class=\"wp-image-50311\" style=\"width: 27px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/reverse-column.png\" alt=\"\"><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Alignment<\/strong><\/h3>\n\n\n\n<p>The alignment setting controls how objects are aligned within the container and depends on whether you set the direction to row or column. If you set your container\u2019s direction to row, alignment determines whether the items are set to the top, middle, or bottom of the container. If you set your direction to column, alignment sets the element to the left, center, or right.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Justification<\/strong><\/h3>\n\n\n\n<p>Justification determines the spacing between items in the container and the items\u2019 distance from the container\u2019s border.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Elements Gap<\/strong><\/h3>\n\n\n\n<p>This setting determines how much space you\u2019ll have between the items in the container. The default Elements Gap 20PX, but you can edit this by going to <strong>Layout<\/strong> in <strong>Site Settings<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Wrap<\/strong><\/h3>\n\n\n\n<p>The wrap setting determines whether all the items in a row or column will be forced onto one line or whether they overflow to take up additional rows or columns. This ensures all content remains within the container boundary.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/image-7.png\" alt=\"Image of container item properties displayed in the Elementor Panel.\" class=\"wp-image-31622\"\/><figcaption class=\"wp-element-caption\">Container item properties.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Container width<\/strong><\/h3>\n\n\n\n<p>Container width has two options: <strong>Boxed<\/strong> and <strong>Full Width<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Boxed&nbsp;<\/strong><\/td><td><strong>Full width&nbsp;<\/strong><\/td><\/tr><tr><td><br>Retains the aspect ratio of the content within the container. As you resize the Container, the box will scale to accommodate the aspect ratio.&nbsp;<\/td><td>Will retain the aspect ratio, but the width will match that of the left and right boundary of the Container. If you resize the container so the height is smaller than the content, the content will spill over at the top and bottom boundary but not at the left and right boundaries.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/image-9.png\" alt=\"Image of container height and width settings.\" class=\"wp-image-31625\"\/><figcaption class=\"wp-element-caption\">Container height and width settings.<\/figcaption><\/figure>\n\n\n\n<p>For a more detailed look at these, and other settings found in the <strong>Layout tab<\/strong>, check out the article on <a href=\"https:\/\/elementor.com\/help\/container-layout-tab-settings\/\">Container layout settings<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How do I change the way items are laid out in a container?<\/strong><\/h2>\n\n\n\n<p>Follow these <strong>3 steps:<\/strong>&nbsp;<\/p>\n\n\n\n<p>1. Select <strong>Edit container<\/strong> from the tab or by right-clicking the Container.<\/p>\n\n\n\n<p>2. Navigate to the <strong>Layout tab<\/strong>.<\/p>\n\n\n\n<p>3. Edit the desired properties.<\/p>\n\n\n\n<p class=\"callout-yellow\"><strong>Note:<\/strong> You can change these properties after you\u2019ve added elements to see how they\u2019ll react to the edits.<\/p>\n\n\n\n<p>To get started editing your website using Elementor Editor you can <a href=\"https:\/\/elementor.com\/help\/the-elementor-editor-structure-and-layout\/\">take a tour<\/a> of the features and learn how everything works. Elementor also has numerous guides on <a href=\"https:\/\/elementor.com\/help\/build-your-first-page\/\">how to create your first web page<\/a>, <a href=\"https:\/\/elementor.com\/help\/adding-content-to-your-elementor-cloud-website\/\">how to layout your content in Elementor<\/a>, and <a href=\"https:\/\/elementor.com\/help\/design-a-webpage\/\">how to design a webpage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adding properties for individual elements<\/strong><\/h2>\n\n\n\n<p>In addition to being able to control the group of elements in a container, you can also set properties for individual elements within a container. You can do this by using the following properties:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Align self<\/strong><\/td><td><strong>Order<\/strong><\/td><td><strong>Size<\/strong><\/td><\/tr><tr><td>Depends on whether you set the direction to row or column. If you set it to row, alignment determines if the element is set to the top, middle, or bottom. If you set it to column, alignment sets the element to the left, right, or center. Stretch will stretch out the size of the widget to occupy the entire row or column.<\/td><td>Allows you to set the order of the elements. You can determine whether an element is the first or last in a row or column, or set numbers for each element. This can be an especially <a href=\"https:\/\/elementor.com\/help\/responsive-design-using-containers\/\">powerful tool in responsive design<\/a> as it allows you to determine the order in which elements appear and stack in different screen sizes.<\/td><td>Determines how an element will grow or shrink relative to other elements within the container.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"callout-yellow\">[callout type=&#8221;note&#8221;]You\u2019ll also find these properties within the <strong>Advanced tab<\/strong> for containers. This is because nested containers have many of the same properties as widgets and you can use these properties to edit them.[\/callout]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How do I change the individual element properties?<\/strong><\/h2>\n\n\n\n<p>If you want to change individual element properties:<\/p>\n\n\n\n<p>1. Navigate to the element on the canvas you want to modify.<\/p>\n\n\n\n<p>2. Select the <strong>Advanced tab<\/strong>.&nbsp;<\/p>\n\n\n\n<p>3. Edit the desired properties.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/932aDhK-eyvOJcbTdka_ZpKF3I9iVH1aL6n6JAp8MIvUxyhHj43qfCb-Z8QSH_SIFySV_cZITc30KGvk5Xyo80_e76YJwwoxOgnjHS5krQiNgzWCX9Ff80bi-vGf3aW2XNrL4W3sI06vctt87EdvYl75CmNMmU35ld8wQPDVkFCzx9Qr0AwLP_9N\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final words<\/strong><\/h2>\n\n\n\n<p>Containers provide you with a streamlined approach to laying out web page content. Now that you know how containers work, a great next step is to learn how to change a <a href=\"https:\/\/elementor.com\/help\/set-flexbox-container-size-behavior\/\">container&#8217;s size and behavior<\/a>.&nbsp;<\/p>\n\n\n\n<p><br>To get the most out of<strong> <\/strong>Elementor, check out the <a href=\"https:\/\/elementor.com\/academy\/\">Elementor Academy<\/a> for helpful learning resources. If you come across any issues or need help, please contact our <a href=\"https:\/\/elementor.com\/support\/\">Support Center<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The basic logic of containers&nbsp; A container is a box that holds your web page elements, including widgets and other nested containers to provide the layout you need. You can create containers quickly and save them as recurring templates to streamline your web building process.. The layout of items in a container Elements within a [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["659ea0d0f10ff621f2a14a63"],"footnotes":""},"categories":[1443],"tags":[],"class_list":["post-31621","post","type-post","status-publish","format-standard","hentry","category-flexbox-containers"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Understanding how Flexbox containers work | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Understanding how Flexbox containers work 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\/how-do-flexbox-containers-work\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Understanding how Flexbox containers work | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Understanding how Flexbox containers work in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-06T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-08T11:07:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png\" \/>\n\t<meta property=\"og:image:width\" content=\"29\" \/>\n\t<meta property=\"og:image:height\" content=\"28\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Understanding how Flexbox containers work\",\"datePublished\":\"2022-10-06T09:00:00+00:00\",\"dateModified\":\"2024-09-08T11:07:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/\"},\"wordCount\":886,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png\",\"articleSection\":[\"Flexbox containers\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/\",\"url\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/\",\"name\":\"Understanding how Flexbox containers work | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png\",\"datePublished\":\"2022-10-06T09:00:00+00:00\",\"dateModified\":\"2024-09-08T11:07:29+00:00\",\"description\":\"Learn everything about Understanding how Flexbox containers work in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png\",\"width\":29,\"height\":28},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#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\":\"Flexbox containers\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Understanding how Flexbox containers work\"}]},{\"@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":"Understanding how Flexbox containers work | Elementor","description":"Learn everything about Understanding how Flexbox containers work 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\/how-do-flexbox-containers-work\/","og_locale":"en_US","og_type":"article","og_title":"Understanding how Flexbox containers work | Elementor","og_description":"Learn everything about Understanding how Flexbox containers work in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/","og_site_name":"Help","article_published_time":"2022-10-06T09:00:00+00:00","article_modified_time":"2024-09-08T11:07:29+00:00","og_image":[{"width":29,"height":28,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Understanding how Flexbox containers work","datePublished":"2022-10-06T09:00:00+00:00","dateModified":"2024-09-08T11:07:29+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/"},"wordCount":886,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png","articleSection":["Flexbox containers"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/","url":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/","name":"Understanding how Flexbox containers work | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png","datePublished":"2022-10-06T09:00:00+00:00","dateModified":"2024-09-08T11:07:29+00:00","description":"Learn everything about Understanding how Flexbox containers work in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/10\/row.png","width":29,"height":28},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-do-flexbox-containers-work\/#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":"Flexbox containers","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/"},{"@type":"ListItem","position":5,"name":"Understanding how Flexbox containers work"}]},{"@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\/31621","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=31621"}],"version-history":[{"count":7,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/31621\/revisions"}],"predecessor-version":[{"id":52537,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/31621\/revisions\/52537"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=31621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=31621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=31621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}