desktop 3 columns > tablet 2 columns > mobile 1 column

Well best would be to ignore Enfold Settings and play a bit with flexbox layout.

on my testpage you see on top the flexbox – and in the grey color-section this is columns declaration on default.
i gave to the top color-section a custom-class of: three-two-one :lol
the top columns ( i take 1/3 – but this is not important ) – but take individual height please

To play a bit with justify-content it would be nice to only have columns in that container and no :before and :after pseudo elements
(thats the first rule)
Put this to quick css then:

.three-two-one .entry-content-wrapper:before,
.three-two-one .entry-content-wrapper::after{
  display: none;
}

.three-two-one .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content:  space-between;
  align-items: stretch
}

.three-two-one .entry-content-wrapper .flex_column {
  flex: 0 1 28%;
  margin:0;
  padding: 0;
  margin-bottom: 3% 
}

/****  your tablet definitions - play with the values as you like  ***/
@media only screen and (min-width: 768px) and (max-width: 989px) {
  .three-two-one .entry-content-wrapper .flex_column {
    flex: 0 1 47%;
  }
}

/*** this is not necessary because on that screen-width the Enfold default is 100%  ***/
@media only screen and (max-width: 767px) {
  .three-two-one .entry-content-wrapper .flex_column {
    flex: 0 1 100%;
  }
}

you can see here the test page: https://webers-testseite.de/3columns/

_____
here a nice overview to flexbox layout: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
here a playground to get a feeling on what could be done ( sorry this is german page – but you can play with checkboxes on bottom ) : https://www.mediaevent.de/css/display-flex.html

on the last link for example see the part with : justify-content.
now you see why i do no want to have before and after containers in it – these would be handled like flex items .
The align-items : stretch results in “equal height containers” etc.

A really might “tool” – isn’t it ?

and here you see next advantage – the columns “width” 1/3 has no influence – what do you think would happen if i declare this for large screens?

@media only screen and (min-width:1800px) {
  .three-two-one .entry-content-wrapper .flex_column {
    flex: 0 1 15%;
  }
}

Bitte – gern geschehen.

Das kann man natürlich auch auf andere Elemente von Enfold übertragen. Iconboxes etc. pp

Immer wenn gleiche Elemente auftauchen, die in einem gemeinsamen Elternelement stecken.
Gilt zB auch für Listenpunkte – oder Hauptmenu Navigations Punkte.
Bis dann