Aprende accesibilidad construyendo un cuestionario - Paso 67

Cuéntanos qué está pasando:

Paso 67

Ciertos tipos de animaciones basadas en el movimiento pueden causar molestias a algunos usuarios. En particular, personas con trastornos vestibulares tienen sensibilidad a ciertos desencadenantes del movimiento.

La regla-at @media tiene una característica de medios llamada prefers-reduced-motion para establecer CSS basado en las preferencias del usuario. Puede tomar uno de los siguientes valores:

  • reduce
  • no-preference
@media (feature: value) {
  selector {
    styles
  }
}

Envuelve la regla de estilo que establece scroll-behavior: smooth dentro de una regla-at @media con la característica de medios prefers-reduced-motion que tiene no-preference establecido como valor.

No se solucionar este paso.
como realizar el codigo correctamente.

Tu código hasta el momento

  • {
    scroll-behavior: smooth;
    }

ADVERTENCIA

El código semilla del desafío y/o tu solución excedió la longitud máxima que podemos transferir del desafío.

Tendrás que dar un paso adicional aquí para que el código que escribiste se presente en un formato fácil de leer.

Por favor, copia/pega todo el código del editor que se muestra en el desafío desde el que acabas de enlazar.

Reemplaza estas dos oraciones con tu código copiado.
Por favor, deja la línea ``` arriba y la línea ``` abajo,
porque permiten que tu código formatee correctamente en el post.

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Desafío: Aprende accesibilidad construyendo un cuestionario - Paso 67

Enlaza al desafío:

La consulta media debe venir en el formulario que se muestra

@media (feature: value) {
   selector {
     styles
   }
}

También se le proporcionó un feature de medios y su value.