Media queries sin complicaciones

Una media query aplica estilos cuando se cumple una condición. En diseño adaptable suele utilizarse para ajustar una distribución al espacio disponible.

Elegir un cambio con sentido

Primero observa la página. Si el contenido se amontona, identifica qué relación necesita cambiar: columnas, espacio o tamaño.

No es obligatorio asociar cada cambio a un modelo de dispositivo. El contenido puede indicar un límite más útil.

Mantener reglas comprensibles

Agrupa los ajustes que responden al mismo problema. Una estructura clara facilita saber qué regla está actuando.

Comprueba la combinación con los estilos de base. Añadir condiciones sin revisar las anteriores puede producir resultados difíciles de mantener.

Revisar ambos lados del límite

Prueba un ancho ligeramente menor y otro mayor que el punto elegido. La transición entre distribuciones debe seguir siendo cómoda.

Las preferencias de las personas también pueden expresarse mediante condiciones. El diseño debe contemplar esas necesidades cuando utiliza movimiento u otros efectos.

Seguir aprendiendo

Relaciona esta lectura con los demás recursos de Yovrix y prueba las ideas en un proyecto pequeño. Las imágenes, cuando aparecen, son ilustrativas.