How do I create a Flexbox Container?

A notebook, laptop and cup of coffee
Containers make creating web pages faster than ever.

What is a container?

Elementor’s Flexbox Containers help you manage your web page components and overall layout. Containers are a stable experiment within Elementor, allowing you to use them once you enable them in your website settings. You can use the Container feature without disrupting your site and streamline your workflows. 

Three ways to create containers

You can use one of the three ways to create a container.

1. Drag and drop a Container

Drag the container from the widget panel onto the  “+” sign in the canvas.

2. Drag and drop a widget

Drag and drop a widget onto the canvas near the “+” sign from the panel.

3. Create a container above an existing container

To use this method, follow these steps: 

1. Scroll over the container. A tab will appear on top of the container.

2. Click the “+” sign in the tab.

Space for a new container will be created above the existing container.

After you’ve created your container, you can start building your page by dragging widgets inside. You can even drag a container inside another container to create a nested container. Creating nested containers is especially useful if you need to group certain widgets together. That said, the best approach is to build a page with as few containers as possible.

Final thoughts

With Flexbox Containers you can streamline your web design workflows by creating templates and managing items effectively. To use containers, you might  need to turn on experiments and activate the Flexbox Container’s experiment. Now that you know how to create containers, check out the basics of how containers work

To get the most out of Elementor, check out the Elementor Academy for helpful learning resources. If you come across any issues or need help, please contact our Support Center

Share it on social networks

Was this article helpful?

Related content

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page

Birthday Sale: Up to 50%30% Off
Birthday Sale: Last 24 hours!
Birthday Sale: Last 24 hours:
Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount