Learn Accessibility by Building a Quiz - Step 46

HTML-CSS
1

Tell us what’s happening:

I’ve searched, but i can’t seem to submit my code to step 46

Your code so far

li > a {
  color: white;
}

Challenge Information:

Learn Accessibility by Building a Quiz - Step 46

2

The CSS you pasted above should work. Perhaps you accidentally changed something else that is causing this step to fail? For example, make sure you didn’t accidentally delete a closing curly brace on the rule set above. If you still can’t get this to pass then you’ll need to paste all of your CSS in here using the following method so we can see it properly.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1 Like
3 
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

header {
  width: 100%;
  height: 50px;
  background-color: #1b1b32;
  display: flex;
}

#logo {
  width: max(100px, 18vw);
  background-color: #0a0a23;
  aspect-ratio: 35 / 4;
  padding: 0.4rem;
}

h1 {
  color: #f1be32;
  font-size: min(5vw, 1.2em);
}

nav {
  width: 50%;
  max-width: 300px;
  height: 50px;
}

nav > ul {
  display: flex;
  justify-content: space-evenly;
}

nav > ul > li {
  color: #dfdfe2;
  margin: 0 0.2rem;
  padding: 0.2rem;
  display: block;

li > a {
  color:#dfdfe2;
}

h1,
h2 {
  font-family: Verdana, Tahoma;
}

h2 {
  border-bottom: 4px solid #dfdfe2;
}

p::before {
  content: "Question #";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
4

Yep, there it is, as I suspected :slightly_smiling_face: You accidentally removed the closing curly brace on the rule set above.

3 Likes
5

phew. I was about to restart! now that i think about it, that could’ve been easily sought and fixed. Thank you!

2 Likes
6

pls what is a curly brace

7

after the “display: block;” the line after it add a “}”

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.