Add class to the columns to force media queries to alter the default flex basis
eg: .columns.medium-fb100 .column { flex-basis:100%; }
Without
This
column
works
With (view at medium 600- 960px)
This
column
works
Force This .medium-only-fb50
column
works
note: when class is added to columns gap is removed in this helper, columns has class .no-gap
This .medium-only-fb60
.medium-only-fb20
.medium-only-fb20
Small only (view at less than 600) stacked on mobile turned off
This .medium-only-fb60
.small-only-fb60
.medium-only-fb20
.small-only-fb20
.medium-only-fb20
.small-only-fb20