responsive padding

hi, i have one row with 3 columns. The design is responsive and to make space between columns i use padding, but when the screen size is very small and all column are under each other the padding is not need. Does exist a way to change padding dynamically due to screen size
https://snippet.webix.com/05zj12cd

as an alternative try to use {type:"wide"} in responsive layout
https://snippet.webix.com/n2tb9ypu

but padding still exist from the right side, i need that in small screens the widths all elements will be the same

@roma
are you sure? did you check the snippet above?
I do not see any padding.

it works in small screen good, but in large screens i need paddings

does exist something like this ?

template : "col 1", id:"col1Temaplate", css:"gi_col1",  minWidth:250,
														padding:{
														      top:5, bottom:5, left:0, right:20
														    }
...

if (window.width < 600) {
   $$("col1Temaplate").padding.right = 0;
} else {
   $$("col1Temaplate").padding.right = 20;
}

@roma
{type:"wide"} has right padding as you need, but not quite large.
depending on skin 5 or 10px
check this as a workaround
https://snippet.webix.com/3izyy810
you will need a bit deeper implementation
https://docs.webix.com/desktop__responsive_layout.html#responsivelayoutsapi

awesome thanks a lot for your help now i found what i need !