Unfortunately webflow only lets you work in a read only view on other people's shared links. So here's some screen shots of the structure and at different sizes.
I gave the list items a class, and then the second and fourth items both got an additional class each for the adjustments in the media queries necessary.
The columns need to add up to 100%, so first decide on the gutter width, which I did at 2%, and then minus the gutters from 100%. So that leaves you 94% as there's 3 gutters. Then divide 94% by 4 columns = 23.5%
I also Floated it left and set position to Relative and added 5% margin at the top
On the last column with the sub class I adjusted the gutter back to zero.
In tablet view you have to adjust the widths again. So as there's 2 columns there's only one gutter. So 100% - 2% = 98% divided by @ cols = 49% each column.
Adjust the second col sub class to change it's margin to zero, as it's now at the right edge and select Clear Right
Then at mobile landscape view you'll probably want to go to a single column layout. So change the width of the main list item to 90% and give it 5% margin left and right and more at the top as well.
It's not ideal, but hopefully that should work better for you.