Hi,
I have set breakpoints at templates for mobile and tablet like this
@max_col: 12;
/* default breakpoint */
.aem-Grid {
.generate-grid(default, @max_col);
}
/* phone breakpoint */
@media (max-width: 768px) {
.aem-Grid {
.generate-grid(phone, @max_col);
}
}
/* tablet breakpoint */
@media (min-width: 769px) and (max-width: 1200px) {
.aem-Grid {
.generate-grid(tablet, @max_col);
}
}
When I try to resize the component the controls are unstable (jumping too much) and not very usable for editors.
Can anyone help me to fix this.