Add the option of positioning elements in a grid layout

[davecph]

Prerequisites

• I have searched for similar feature requests in both open and closed discussions and cannot find an existing request.
• I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro.

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

I need to position elements that adhere to a 12col grid structure. Several sections on a page needs to follow the same 12fr grid, but the elements needs to span ie. col 2 - 4 (3 cols) and then col 7 - 12 (6 cols).

Describe the solution you'd like.

I would like to be able to specify col-start, col-end, row-start and row-end for each element in a grid (and naturally for each viewport). It would make it simpler to create complex layouts with overlapping elements as well as ensuring that positioning is constant across sections and pages .

Describe alternatives you've considered.

What I do today is using custom classes that I have to mod in "Advanced - CSS Classes:
`.gs_1{grid-column-start: 1;}
.gs_2{grid-column-start: 2;}
.gs_3{grid-column-start: 3;}
.gs_4{grid-column-start: 4;}
etc.

.ge_2{grid-column-end: 2;}
.ge_3{grid-column-end: 3;}
.ge_4{grid-column-end: 4;}
.ge_5{grid-column-end: 5;}
etc.`

It has to be done for PC, tablet and mobile view for both cols and rows.
It gets the job done, but it's a bother

Additional context

No response

Agreement

• I agree that my request may be closed without action if it doesn't meet all the requirements.