Stacking columns on Desktop view - Edit: Fixed

[Enter]

Edit: Fixed it, for anyone finding this with Google, here's how I did it:

1: Put all columns in 1 section.
2: Put this on the section around the columns using Advanced > Custom CSS
selector .elementor-row {
flex-wrap: wrap !important;
}
3: Set widths on all columns, 33% for each of the 6 columns.
4: On the final column put this on it using Advanced > Custom CSS
@media (min-width: 1025px) {
selector {
width: 33% !important;
}
}
This is needed because Elementor tries to force 101% width on the final column as it thinks this is needed to get a full 100 with on 1 row.


Original post:

What I'm trying to create:

Desktop:
Section
Column | Column | Column
Column | Column | Column
/Section

Tablet:
Section
Column | Column
Column | Column
Column | Column
/Section

However I cant get the colums to stack on Desktop, they only do on mobile views.
It will just throw all 6 columns beside each other. What happens:

Desktop:
Section
Column | Column | Column | Column | Column | Column
/Section

Using 2 sections wont allow me to get the proper Tablet view either:

Desktop (wrong):
Section
Column | Column | Column
/Section
Section
Column | Column | Column
/Section

Tablet (wrong):
Section
Column | Column
Column
/Section
Section
Column | Column
Column
/Section

How can I get the desktop columns to stack?
(without creating duplicate content/columns and hiding those on certain views)

I'm using Elementor Pro, if thats any help in figuring this out.