OoohBoi Video Tutorial : Super-flexible Sections and Columns in Elementor PRO

gistfile1.txt

/* MAGICAL CSS Rule */
selector .elementor-container .elementor-row {
     flex-wrap: wrap;
     /* uncomment for columns alignment */
     /* justify-content: center; */
}

/* Responsive Columns Alignment - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	selector .elementor-container .elementor-row {
		justify-content: end;
	}
}

/* Media Query - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	selector {
		width: 100%; /* or whatever you like */
	}
}

/* Media Query - Mobile */
@media (max-width: 767px) {
	selector {
		width: 100%; /* or whatever you like */
	}
}

/* Merged Media Query - Tablet and Mobile */
/*
@media (min-width: 1px) and (max-width: 1024px) {
	selector {
		width: 100%;
	}
}
*/

selector .elementor-container .elementor-row {
flex-wrap: wrap;
/* uncomment for columns alignment /
/ justify-content: center; */
}

Flex wrap doesn't seem to be working on the latest release of elementor.

With Elementor's "Optimized DOM Output" enabled, it's only:

selector .elementor-container {
    flex-wrap: wrap;
    /* uncomment for columns alignment */
    /* justify-content: center; */
}

It's a good idea to provide the custom class name for the target section tho...

selector.some-custom-class-name .elementor-container {
    flex-wrap: wrap;
    /* uncomment for columns alignment */
    /* justify-content: center; */
}