Flexible column layouts

The grid-row element is a drag and drop element for other elements.
so insert a grid-row and click on add cell to have three cells. – Now click on “Set cell size” and choose : 1/2 1/4 1/4:
( click to the images to enlarge)

Now you can pull 1/1 containers to those cells f.e.:

you see you can nest those columns then.

One disadvantage is that the grid-row is a full-width container.
If it has to have the sam width as the other containers there is a script solution for that.

this to child-theme functions.php:

/******** Gridlayout not fullsize - give a custom-class to the grid-row element:  "grid-notfull" *********/
/**** adjust the 1310px in the code here  to your setting on enfold - general Layout - dimensions ****/
function grid_layout_notfull(){
?>
<script>
(function($){
    $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize color1"></div>');
    $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
    $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 50px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

see here an example page – on top full-width on the bottom with custom-class: grid-notfull
https://webers-testseite.de/grid-row-alb/