Improved container structure - css grid

[Joliamendi]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Hi

It looks like you have plans to add the css grid feature. So I wanted to make a suggestion to improve the structure of the container. Of course, this is not a specific suggestion, because you have definitely thought about it by now.

Describe the solution you'd like

Elementor now only has one widget for container. In this widget, we can specify whether the container is boxed, or full width.
I think it would be much better if we have multiple layouts like bricks builder. (container-section-block)
container > 1140px or X
section > 100%
block > 100%

Each of the above layouts has only one div**(Currently, if the container is Boxed, it has 2 divs)** We must have gadding and margin options for each of these layouts in the site settings. This is extremely important.

I will give an example for that.
By default, we consider 10px padding from the left and right for the section in the site settings. This makes the content of the website not stick to the margin.
Adding new layouts has so many benefits that I don't really know how to explain.

I guess you plan to always keep Elementor simple, so that novice users can work with it. For this reason, you may reject this suggestion to add new layouts.
But you can add this feature, but put an enable/disable option for it. Like the container we can disable now.

Adding new layouts will also make using css grid very easy. Adding these features is definitely not difficult for your large team. But please make a proper decision about it @arielk🙏

thanks

Describe alternatives you've considered

No response

Additional context

No response