Containers offer a fast and efficient way to build web pages. Elementor grid containers are designed to organize multiple cells into rows and columns, streamlining layout creation by eliminating the need to place containers individually.
10Web Builder leverages the CSS grid layout module to divide webpages into main sections and manage the size, positioning, and layering of HTML elements effectively.
How to activate grid containers
With grid containers, you can create any design or layout you imagine, including nesting containers inside each other. To use grid containers you must activate both the grid container and flexbox container together.
Here’s how to activate them:
- Go to your website's Dashboard.
- Navigate to Elementor > Settings > Features.
- Activate the experiments for grid container and flexbox container.
Important:
If you deactivate the flexbox container and grid container features, any content you’ve added using these features will be removed. However, reactivating the features will restore the erased content.
Next: Create a grid container.