Learn Accessibility by Building a Quiz - Step 26

HTML-CSS
1

Tell us what’s happening:

Hello,

I am having trouble with this code. Is there someone that would be able to help me figure out where I am going wrong?

Thank you,
Jonathan

Your code so far

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

<!-- User Editable Region -->

<section>
  <div role="region">
    <h2 id="html-questions">HTML</h2>
  </div>
  <div class="question-block">
    <p>1</p>
    <fieldset class="question"></fieldset>
  </div>
  <div class="question-block">
    <p>2</p>
    <fieldset class="question"></fieldset>
  </div>
</section>


<!-- User Editable Region -->


/* file: styles.css */
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;
}

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

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

.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/122.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 26

2

Hi @jpccdirect

Delete these two div tags, there were not asked for in the instructions.

If you modified the existing code, rather than just adding the elements asked for in the instructions, you may need to reset the step and try again.

Happy coding

3

Why did you do this?

4

Can you be more specific? It asked for the div tags which were in the instructions.

Within the second section element, add two div elements with a class of question-block .

5

They are trying to say you added this code, when you only need div like div class in the instruction.

6

I’m confused. So just one div?

7

No, add two div elements for each p element and fieldset but you don’t add the code I showed before

1 Like
8

Okay. Thank you for clarifying.

1 Like
9

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