Learn Accessibility by Building a Quiz - Step 54

HTML-CSS
1

Tell us what’s happening:

I don’t know what i’m doing wrong, I’ve done same as they said. Can you guys tell me what i’m doing wrong! I’m struck on this for a while :smiling_face_with_tear:

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

header {
  width: 100%;
  height: 50px;
  background-color: #1b1b32;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
}

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

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

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

nav > ul {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  padding-inline-start: 0;
  margin-block: 0;
  height: 100%;
}

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

nav > ul > li:hover {
  background-color: #dfdfe2;
  color: #1b1b32;
  cursor: pointer;
}

li > a {
  color: inherit;
  text-decoration: none;
}

main {
  padding-top: 50px;
}

section {
  width: 80%;
  margin: 0 auto 10px auto;
  max-width: 600px;
}

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

h2 {
  border-bottom: 4px solid #dfdfe2;
  margin-top: 0px;
  padding-top: 60px;
}

.info {
  padding: 10px 0 0 5px;
}

.formrow {
  margin-top: 10px;
  padding: 0px 10px 0px 10px;
}

input[type="text"], input[type="email"], input[type="date"], input[type="text"], select, textarea {
  font-size: 16px;
}

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;
}

Your browser information:

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

Challenge Information:

Learn Accessibility by Building a Quiz - Step 54

2

The issue is your input selector. You don’t need to specify each individual type of input element. Simplify the input selector to select any and all input elements of any type.

3

I tried that first, it showed the same think error:
" You should use an input selector to target the input elements"

image
image1117×511 32.2 KB

4

Why are you also targeting select and textarea elements?

5

Doubt: Is n’t “textarea” and “select” kind of input element?

And it worked when i only targetted “input” elemenet

6

They are elements which request user input of some kind but are not strictly speaking HTML input elements.

1 Like
7

oh cool got it! And thanks for clarifying.

1 Like
8

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