{"id":58039,"date":"2025-05-08T15:00:56","date_gmt":"2025-05-08T12:00:56","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=57088"},"modified":"2025-05-27T17:12:07","modified_gmt":"2025-05-27T14:12:07","slug":"flexbox-element","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/flexbox-element\/","title":{"rendered":"Flexbox element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"58039\" class=\"elementor elementor-58039\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4631fd80 e-flex e-con-boxed e-con e-parent\" data-id=\"4631fd80\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-702d51a4 elementor-widget elementor-widget-heading\" data-id=\"702d51a4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add and delete the element<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-748fcec9 e-flex e-con-boxed e-con e-child\" data-id=\"748fcec9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d2f8751 elementor-widget elementor-widget-image\" data-id=\"6d2f8751\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"195\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-1024x250.png\" class=\"attachment-large size-large wp-image-57212\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-1024x250.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-300x73.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-768x188.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png 1342w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fa4378e elementor-widget elementor-widget-n-accordion\" data-id=\"1fa4378e\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5300\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5300\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the element to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5300\" class=\"elementor-element elementor-element-6a218429 e-con-full e-flex e-con e-child\" data-id=\"6a218429\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70680847 elementor-widget elementor-widget-text-editor\" data-id=\"70680847\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"122\"><strong data-renderer-mark=\"true\">To access and use a widget:<\/strong><\/p><ol class=\"ak-ol\" start=\"1\" data-indent-level=\"1\"><li><p data-renderer-start-pos=\"153\">In Elementor Editor, click +. <br \/>All available elements are displayed.<\/p><\/li><li><p data-renderer-start-pos=\"224\">Click or drag the element to the canvas. For more information, see <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">Add elements to a page<\/a>.<\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5301\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5301\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Delete the element <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5301\" class=\"elementor-element elementor-element-3a561784 e-con-full e-flex e-con e-child\" data-id=\"3a561784\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-290781b0 elementor-widget elementor-widget-text-editor\" data-id=\"290781b0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"224\"><strong>To delete the widget<\/strong>:<\/p><ol class=\"wp-block-list\"><li>On the canvas, select the element by clicking it.<\/li><li>Press the delete key on your keyboard. For more information, see <a href=\"https:\/\/elementor.com\/help\/how-to-delete-a-widget\/\">Delete elements from a page<\/a>.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bb6d992 e-flex e-con-boxed e-con e-parent\" data-id=\"2bb6d992\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cc74d86 elementor-widget elementor-widget-heading\" data-id=\"2cc74d86\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is Flexbox element? \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e3c6106 elementor-widget elementor-widget-text-editor\" data-id=\"1e3c6106\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A Flexbox is a container designed to hold other elements, including other Flexboxes. Flexboxes allow you great flexibility in designing and arranging the content inside. This makes them a great tool for complex, pixel-perfect designs.\u00a0\u00a0<\/span><\/p><p><a href=\"#settings\">See all the options available with the Rating widget.\u00a0\u00a0<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-630616f0 elementor-widget elementor-widget-heading\" data-id=\"630616f0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55e7d81 elementor-widget elementor-widget-text-editor\" data-id=\"55e7d81\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Ellis is designing a home page for a salon. They want an eye-catching Hero section to catch visitors&#8217; attention and allow them to book an appointment right from the home page.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3473f3c elementor-widget elementor-widget-image\" data-id=\"3473f3c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"332\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-heading-title-1-1024x425.png\" class=\"attachment-large size-large wp-image-57235\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-heading-title-1-1024x425.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-heading-title-1-300x125.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-heading-title-1-768x319.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-heading-title-1.png 1343w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-755d77bc elementor-widget elementor-widget-text-editor\" data-id=\"755d77bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>See a video demonstrating the widget in action.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13e0c256 e-flex e-con-boxed e-con e-parent\" data-id=\"13e0c256\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fed395f elementor-widget elementor-widget-heading\" data-id=\"5fed395f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add a Flexbox element: Step-by-step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fd3b290 e-flex e-con-boxed e-con e-parent\" data-id=\"5fd3b290\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21a62165 elementor-widget elementor-widget-text-editor\" data-id=\"21a62165\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add a Flexbox element to the canvas. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span style=\"font-weight: 400;\">Add elements to a page<\/span><\/a><span style=\"font-weight: 400;\">.<br \/><img decoding=\"async\" class=\"alignnone wp-image-58182 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-click-the-Style-tab-4.png\" alt=\"\" width=\"1342\" height=\"470\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-click-the-Style-tab-4.png 1342w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-click-the-Style-tab-4-300x105.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-click-the-Style-tab-4-1024x359.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/1-click-the-Style-tab-4-768x269.png 768w\" sizes=\"(max-width: 1342px) 100vw, 1342px\" \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the panel, click the <\/span><b>Style<\/b><span style=\"font-weight: 400;\"> tab.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58183 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Open-layout-section-1.png\" alt=\"\" width=\"264\" height=\"593\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Open-layout-section-1.png 264w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Open-layout-section-1-134x300.png 134w\" sizes=\"(max-width: 264px) 100vw, 264px\" \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the <\/span><b>Layout<\/b><span style=\"font-weight: 400;\"> section.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58184 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Set-to-row-1.png\" alt=\"\" width=\"1344\" height=\"520\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Set-to-row-1.png 1344w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Set-to-row-1-300x116.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Set-to-row-1-1024x396.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/2-Set-to-row-1-768x297.png 768w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set the direction to <\/span><b>Row<\/b><span style=\"font-weight: 400;\">.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58185 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-add-two-child-flexboxes-2.png\" alt=\"\" width=\"1345\" height=\"416\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-add-two-child-flexboxes-2.png 1345w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-add-two-child-flexboxes-2-300x93.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-add-two-child-flexboxes-2-1024x317.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-add-two-child-flexboxes-2-768x238.png 768w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add two child Flexboxes inside the first Flexbox.<br \/>The two child containers should be side by side.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58186 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/5-click-style-tab-left-1.png\" alt=\"\" width=\"1337\" height=\"287\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/5-click-style-tab-left-1.png 1337w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/5-click-style-tab-left-1-300x64.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/5-click-style-tab-left-1-1024x220.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/5-click-style-tab-left-1-768x165.png 768w\" sizes=\"(max-width: 1337px) 100vw, 1337px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Select the container on the left by clicking it and click the <\/span><b>Style<\/b><span style=\"font-weight: 400;\"> tab.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58188 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/6-set-to-column-1.png\" alt=\"\" width=\"1344\" height=\"526\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/6-set-to-column-1.png 1344w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/6-set-to-column-1-300x117.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/6-set-to-column-1-1024x401.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/6-set-to-column-1-768x301.png 768w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Open the <\/span><b>Layout<\/b><span style=\"font-weight: 400;\"> section and set the direction to <\/span><b>Column.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58189 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-set-size-left-1.png\" alt=\"\" width=\"1332\" height=\"720\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-set-size-left-1.png 1332w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-set-size-left-1-300x162.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-set-size-left-1-1024x554.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-set-size-left-1-768x415.png 768w\" sizes=\"(max-width: 1332px) 100vw, 1332px\" \/><br \/><\/b><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Open the <strong>Size<\/strong> section and set the <strong>Min <\/strong><\/span><b>Height<\/b><span style=\"font-weight: 400;\"> to 600 PX and the Min <\/span><b>Width<\/b><span style=\"font-weight: 400;\"> to 60%. For details, see <a href=\"https:\/\/elementor.com\/help\/style-tab-size\">Style tab &#8211; Size<\/a>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58191 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/9-add-backgrond-color-left-2.png\" alt=\"\" width=\"930\" height=\"855\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/9-add-backgrond-color-left-2.png 930w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/9-add-backgrond-color-left-2-300x276.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/9-add-backgrond-color-left-2-768x706.png 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><br \/><\/span><\/li><li aria-level=\"1\">Open the <strong>Background<\/strong> section and add a background color. For details, see <a href=\"https:\/\/elementor.com\/help\/style-tab-background\">Style tab &#8211; Background<\/a>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58192 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-ADD-2-heads-and-a-button-1.png\" alt=\"\" width=\"1335\" height=\"690\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-ADD-2-heads-and-a-button-1.png 1335w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-ADD-2-heads-and-a-button-1-300x155.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-ADD-2-heads-and-a-button-1-1024x529.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/8-ADD-2-heads-and-a-button-1-768x397.png 768w\" sizes=\"(max-width: 1335px) 100vw, 1335px\" \/><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Add two Heading elements and a button.\u00a0<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58193 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/11-ADD-CONTENT-AND-STYLE-2.png\" alt=\"\" width=\"1334\" height=\"675\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/11-ADD-CONTENT-AND-STYLE-2.png 1334w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/11-ADD-CONTENT-AND-STYLE-2-300x152.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/11-ADD-CONTENT-AND-STYLE-2-1024x518.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/11-ADD-CONTENT-AND-STYLE-2-768x389.png 768w\" sizes=\"(max-width: 1334px) 100vw, 1334px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Add content and styling to the Heading and Button elements. See <a href=\"https:\/\/elementor.com\/help\/heading-element\">Heading element<\/a> and <a href=\"https:\/\/elementor.com\/help\/button-element\">Button element<\/a> for details. For details on positioning, see <a href=\"https:\/\/elementor.com\/help\/style-tab-spacing\">Style tab &#8211; Spacing<\/a>, <a href=\"https:\/\/elementor.com\/help\/style-tab-size\">Style tab &#8211; Size<\/a> and <a href=\"https:\/\/elementor.com\/help\/style-tab-position\">Style tab &#8211; Position<\/a>.<\/span><\/li><li><span style=\"font-weight: 400;\">Select the Flexbox on the right.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <\/span><b>Style<\/b><span style=\"font-weight: 400;\"> tab.<\/span><\/li><li><span style=\"font-weight: 400;\">Open the <\/span><b>Layout<\/b><span style=\"font-weight: 400;\"> section.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set the <\/span><b>Height<\/b><span style=\"font-weight: 400;\"> to 600 PX and the <\/span><b>Width<\/b><span style=\"font-weight: 400;\"> to 40%.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the <\/span><b>Background<\/b><span style=\"font-weight: 400;\"> section.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58194 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/12-Add-background-to-right-container-1.png\" alt=\"\" width=\"1333\" height=\"860\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/12-Add-background-to-right-container-1.png 1333w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/12-Add-background-to-right-container-1-300x194.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/12-Add-background-to-right-container-1-1024x661.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/12-Add-background-to-right-container-1-768x495.png 768w\" sizes=\"(max-width: 1333px) 100vw, 1333px\" \/><br \/><\/span><\/li><li><span style=\"font-weight: 400;\">Add an image as the background. For details, see <a href=\"https:\/\/elementor.com\/help\/style-tab-background\">Style tab &#8211; Background<\/a>.<\/span><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7084bb78 e-flex e-con-boxed e-con e-parent\" data-id=\"7084bb78\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d8d89c2 elementor-widget elementor-widget-heading\" data-id=\"6d8d89c2\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for the Flexbox Element\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64c8225c elementor-widget elementor-widget-text-editor\" data-id=\"64c8225c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e865e52 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"7e865e52\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;start&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"2122735186\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-21227351861\" data-tab-title-id=\"e-n-tab-title-21227351861\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-21227351861\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tGeneral\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-21227351862\" data-tab-title-id=\"e-n-tab-title-21227351862\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-21227351862\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tStyle\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-21227351861\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-21227351861\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-387e1971 e-con-full e-flex e-con e-child\" data-id=\"387e1971\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-690485a5 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"690485a5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"261\" height=\"440\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-Leave-as-H2-1.png\" class=\"attachment-large size-large wp-image-57236\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-Leave-as-H2-1.png 261w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/4-Leave-as-H2-1-178x300.png 178w\" sizes=\"(max-width: 261px) 100vw, 261px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51548a4f elementor-widget elementor-widget-n-accordion\" data-id=\"51548a4f\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1360\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1360\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> HTML tag <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1360\" class=\"elementor-element elementor-element-36fe7622 e-con-full e-flex e-con e-child\" data-id=\"36fe7622\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8a3a68 elementor-widget elementor-widget-text-editor\" data-id=\"2f8a3a68\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Choose the HTML tag for your flexbox. Tagging your element correctly helps search engines understand your site and can help SEO. <\/span><\/p><p><span style=\"font-weight: 400;\">Choices include:<\/span><\/p><ul><li><span style=\"font-weight: 400;\"> Div<\/span><\/li><li><span style=\"font-weight: 400;\">Header<\/span><\/li><li><span style=\"font-weight: 400;\">Section<\/span><\/li><li><span style=\"font-weight: 400;\">Article<\/span><\/li><li><span style=\"font-weight: 400;\">Aside<\/span><\/li><li><span style=\"font-weight: 400;\">Footer.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1361\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1361\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Link <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1361\" class=\"elementor-element elementor-element-189343e6 e-con-full e-flex e-con e-child\" data-id=\"189343e6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-674dbed0 elementor-widget elementor-widget-text-editor\" data-id=\"674dbed0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Click the plus sign to enter a link. Visitors clicking the Flexbox file will open the link.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\"><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">If you add a link to a Flexbox, you cannot make any of the elements in the Flexbox clickable.<\/div>\n                <\/div>\n            <\/div><\/span><\/p><p><b>Open in a new tab<\/b><span style=\"font-weight: 400;\">: If the Flexbox contains a link, toggle on if you want the link to open in a new tab.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-21227351862\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-21227351862\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-48d905e4 e-con-full e-flex e-con e-child\" data-id=\"48d905e4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30806d4 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"30806d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"263\" height=\"384\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-general-tab.png\" class=\"attachment-large size-large wp-image-57243\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-general-tab.png 263w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-general-tab-205x300.png 205w\" sizes=\"(max-width: 263px) 100vw, 263px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cb04f85 elementor-widget elementor-widget-n-accordion\" data-id=\"3cb04f85\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1010\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1010\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Style settings <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1010\" class=\"elementor-element elementor-element-68bd2c8f e-con-full e-flex e-con e-child\" data-id=\"68bd2c8f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4fefa elementor-widget elementor-widget-text-editor\" data-id=\"c4fefa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">See the individual articles on Style options:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-layout\"><span style=\"font-weight: 400;\">Layout<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-spacing\"><span style=\"font-weight: 400;\">Spacing<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-size\"><span style=\"font-weight: 400;\">Size<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-position\"><span style=\"font-weight: 400;\">Position<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-typography\"><span style=\"font-weight: 400;\">Typography<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-background\"><span style=\"font-weight: 400;\">Background<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-border\"><span style=\"font-weight: 400;\">Border<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-effects\"><span style=\"font-weight: 400;\">Effects<\/span><\/a><\/li><\/ul><p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Add and delete the element Add the element to the canvas To access and use a widget: In Elementor Editor, click +. All available elements are displayed. Click or drag the element to the canvas. For more information, see Add elements to a page. Delete the element To delete the widget: On the canvas, select [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1505],"tags":[1513],"class_list":["post-58039","post","type-post","status-publish","format-standard","hentry","category-elements","tag-v4"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flexbox element | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Flexbox element 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\/flexbox-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flexbox element | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Flexbox element in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/flexbox-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-08T12:00:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-27T14:12:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1342\" \/>\n\t<meta property=\"og:image:height\" content=\"328\" \/>\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\/flexbox-element\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Flexbox element\",\"datePublished\":\"2025-05-08T12:00:56+00:00\",\"dateModified\":\"2025-05-27T14:12:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/\"},\"wordCount\":797,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-1024x250.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Elements\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/\",\"url\":\"https:\/\/elementor.com\/help\/flexbox-element\/\",\"name\":\"Flexbox element | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-1024x250.png\",\"datePublished\":\"2025-05-08T12:00:56+00:00\",\"dateModified\":\"2025-05-27T14:12:07+00:00\",\"description\":\"Learn everything about Flexbox element in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/flexbox-element\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png\",\"width\":1342,\"height\":328},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/flexbox-element\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elements\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/elements\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Flexbox element\"}]},{\"@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":"Flexbox element | Elementor","description":"Learn everything about Flexbox element 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\/flexbox-element\/","og_locale":"en_US","og_type":"article","og_title":"Flexbox element | Elementor","og_description":"Learn everything about Flexbox element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/flexbox-element\/","og_site_name":"Help","article_published_time":"2025-05-08T12:00:56+00:00","article_modified_time":"2025-05-27T14:12:07+00:00","og_image":[{"width":1342,"height":328,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.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\/flexbox-element\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/flexbox-element\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Flexbox element","datePublished":"2025-05-08T12:00:56+00:00","dateModified":"2025-05-27T14:12:07+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/flexbox-element\/"},"wordCount":797,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-1024x250.png","keywords":["V4"],"articleSection":["Elements"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/flexbox-element\/","url":"https:\/\/elementor.com\/help\/flexbox-element\/","name":"Flexbox element | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab-1024x250.png","datePublished":"2025-05-08T12:00:56+00:00","dateModified":"2025-05-27T14:12:07+00:00","description":"Learn everything about Flexbox element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/flexbox-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/flexbox-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/flexbox-element\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png","width":1342,"height":328},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/flexbox-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/v4-editor\/"},{"@type":"ListItem","position":3,"name":"Elements","item":"https:\/\/elementor.com\/help\/v4-editor\/elements\/"},{"@type":"ListItem","position":4,"name":"Flexbox element"}]},{"@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\/58039","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=58039"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/58039\/revisions"}],"predecessor-version":[{"id":58705,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/58039\/revisions\/58705"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=58039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=58039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=58039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}