# data[].attributes.body
Una media query es una técnica en CSS que permite aplicar estilos diferentes según las características del dispositivo, como el ancho de la pantalla. Se utiliza para crear diseños responsivos en páginas web.

# data[].attributes.body
Las media queries actúan como contenedor de las reglas y selectores a aplicar, por lo tanto, todo lo que engloba empieza con la apertura de una llave y termina con el cierre de la misma. En cuanto a la sintaxis, una media query siempre comienza con el indicador de @media, seguido de un mediatype.

# data[].attributes.body
Asocia un grupo de declaraciones anidadas, en un bloque CSS delimitado por llaves, con una condición definida por un media query.

# data[].attributes.body
El @media screen es una regla de CSS utilizada para aplicar estilos específicos cuando se visualiza una página en una pantalla, como en una computadora o dispositivo móvil. Permite adaptar el diseño y la apariencia de una página web según las características de la pantalla del dispositivo que se esté utilizando

# data[].attributes.body
Una media query se usa en CSS para aplicar estilos específicos según características del dispositivo, como ancho de pantalla.

# data[].attributes.body
El @media en HTML se utiliza para aplicar estilos CSS específicos según características del dispositivo, como tamaño de pantalla. Se coloca dentro de una etiqueta <style> o en un archivo CSS externo.

# data[].attributes.body
Usar siempre medidas en porcentaje, vw, vh.

Calcular bien los anchos usados cal() o margin.

No usar altura en las etiquetas.

# data[].attributes.headline
Ver más sobre Breackpoints Web Designer:

# data[].attributes.subject
Ver más sobre Breackpoints Web Designer: