Learn Accessibility by Building a Quiz - Step 17

HTML-CSS
1

Tell us what’s happening:
So I’ve done everything that I’ve been told to do:

  1. Select h1 and h2
  2. Change the font
  3. Add a bottom border

BUT I’m getting an error that says:

You should use an h2 element selector to target the h2 elements

I don’t know how to do this, can anyone help me? Thanks!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
    <title>Accessibility Quiz</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header>
      <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
      <h1>HTML/CSS Quiz</h1>
      <nav>
        <ul>
          <li><a>INFO</a></li>
          <li><a>HTML</a></li>
          <li><a>CSS</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <form method="post" action="https://freecodecamp.org/practice-project/accessibility-quiz">
        <section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Info</h2>
        </section>
        <section role="region" aria-labelledby="html-questions">
          <h2 id="html-questions">HTML</h2>
        </section>
        <section role="region" aria-labelledby="css-questions">
          <h2 id="css-questions">CSS</h2>
        </section>
      </form>
    </main>
  </body>
</html>

CSS


h1, h2 {
  font-family: Verdana sans-serif;
  border-bottom: 4px solid #dfdfe2;
}

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 17

Link to the challenge:

2 Likes
2

yes try listening to that hint and add the requested h2 selector separately …

1 Like
4

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

5

you should have h1, h2 selector and another h2 selector to solve your problem

4 Likes
6

Thanks your answer solved my same query.

1 Like
7

you’re welcome buddy :slightly_smiling_face:

8

Thank you! I had the same solution as OP. hehe I just realized only the font-family is shared by h1 and h2 :sweat_smile:

2 Likes
9

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