Aprende accesibilidad construyendo un cuestionario - Paso 67

Tell us what’s happening:

Me he quedado atrapado en este paso, no entiendo como avanzar.
Me pide que haga esto:

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.

El ejemplo que me dieron:

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

Y el código que hice fue:

 * {
   @media (prefers-reduced-motion: no-preference) {
     scroll-behavior: smooth;
   }
 }

Entiendo que el (feature: value) es (prefers-reduced-notion: no-preference), pero que tengo que poner en selector y styles? scroll-behavior: smooth?

Aunque haya buscado por mi cuenta la regla-at me confunde. Esa es mi duda, espero puedan ayudarme, muchas gracias.

Challenge Information:

Aprende accesibilidad construyendo un cuestionario - Paso 67

1 Like

YA PUDE

La regla-at seria:

@media (prefers-reduced-motion: no-preference) {
   * {
     scroll-behavior: smooth;
   }
 }

Estaba poniendo el selector donde no iba, perdonen las molestias. :sweat_smile:

2 Likes