Learn Accessibility by Building a Quiz - Step 47

HTML-CSS
1

Tell us what’s happening:

nav ul li:hover {
background-color: #dfdfe2; /* Background color on hover /
text-decoration: none;
color: inherit; / Text color on hover */
padding: 0.5rem 1rem;
display: block;
cursor: pointer;
}

Your code so far

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


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





nav ul li:hover {
        background-color: #dfdfe2; /* Background color on hover */
        text-decoration: none; 
        color: inherit;  /* Text color on hover */
        padding: 0.5rem 1rem;
        display: block;
        cursor: pointer;
      }

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 47

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Hi @johnsonrameau3101

What is the hint message you received?

Also, so the forum can assist please post your full code.

Use the following method to post code to the forum:

  1. On a separate line type three back ticks.
  2. On a separate line paste your code.
  3. On the last line type three back ticks. Here is a single back tick `

Happy coding