La cuadrícula estándar responde superponiendo los estilos de cuadrícula debajo de un solo punto de interrupción. max-widthse utiliza como anulación para aplicar el estilo apilado. Para determinar el alcance de los estilos para la consulta de medios, incluyaclass my-breakpoint. Puede incluir un punto de interrupción adicional o personalizar aún más la apariencia.
@media all and (max-width: 35em) {
.my-breakpoint .ui-block-a,
.my-breakpoint .ui-block-b,
.my-breakpoint .ui-block-c,
.my-breakpoint .ui-block-d,
.my-breakpoint .ui-block-e {
width: 100%;
float: none;
}
}