so I have a CSS grid and I am trying to modify this grid conf when it hits a certain media query.
What I do is what follows:
Under the Style panel, I duplicate my grid. Select this new duplicated grid and under the " Selector and media queries " I set it to smaller than 1024px.
I resize my screen to say 1020px, select the grid and then I open the visual helper.
Now I modify the CSS grid structure to something like this (see below). But this will modify my grid for both the two breakpoints.
so…I redo the whole thing but this time on the visual helper, under “CSS Rule” I select the rule (max-width:1023px).myclass and modify my grid.
This time nothing happens. The grid remains as it is as I jump from one media query to the other.
Thanks in advance to anyone.