Learn Accessibility by Building a Quiz - Step 67

HTML-CSS
1

Tell us what’s happening:

I am totally lost here. Someone please help me get over this last hurdle.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

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

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; rv:109.0) Gecko/20100101 Firefox/115.0

Challenge Information:

Learn Accessibility by Building a Quiz - Step 67

freecc
freecc981×502 41.2 KB

2

Hello @mbuyimali !

Good attempt.

It appears there is a set of {} still missing from the media query.

Example:

@media(max-width: 700px){
body{
color: orange;
}
}

The global * would replace the body in the example. Property and value are in the proper place. Good job.

Wishing you good progress on your coding journey. :slightly_smiling_face:

3

Oh I get it. Thanks mate :+1:

1 Like
4

Great job!

Wishing you more good progress on your coding journey @mbuyimali :slightly_smiling_face: