Containers provide a quick and efficient way to build web pages. Elementor Grid Containers are a specific type of container designed for this purpose. Essentially, they act as containers that organize multiple cells into rows and columns.
When setting up a Grid Container, you can determine the number of rows and columns you need, removing the necessity of placing containers individually.
10Web Builder utilizes the standard CSS grid layout module, which excels in dividing a webpage into main sections and establishing relationships regarding size, positioning, and layering among HTML-based elements.
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.