Build a Quiz Webpage: Step 17 error

I’m seeing contradicting error messages when I try to complete step 17 in “Build a Quiz Webpage”. How do I move forward?

It says:

Change the font for both the h1 and h2 elements to Verdana, and use another web-safe font in the sans-serif family as a fallback.

Also, add a border-bottom of 4px solid #dfdfe2 to h2 elements to make the sections distinct.

If I use a multiple element selector as follows, it says “You should use an h2 element selector to target the h2 elements.”

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

If I use separate selectors as follows, it says “You should use a multiple element selector to target the h1 and h2 elements.”

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

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

I’ve tried putting the h1, and h2 on separate lines. I’ve also tried reversing them like h2, h1.

Hi @VAggrippino,

Can you please go up into your address bar and copy the link to this step and post it here?

Nevermind, I found it within the curriculum archives at https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-17

The steps are very specific and it says:

Also, add a border-bottom of 4px solid #dfdfe2 to h2 elements to make the sections distinct.

In this step, they do not mention h1 as having the border-bottom property.

1 Like

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