A container is Elementor’s layout element. It wraps other elements and controls how they are arranged, using CSS flexbox rather than the fixed row-and-column grid of the older section system.
Horizontal and vertical
Direction is the setting that does most of the work. A vertical container stacks its children; a horizontal one places them in a row. Nesting containers inside each other produces any layout that used to require a section plus an inner section, with less markup.
Gap instead of margin
Spacing between children is set once on the parent container using the gap value, rather than as a margin on every child. This is the main reason container layouts stay tidy as a page grows.