Hi need help plss. i'm in step 17 in HTML/CSS Quiz course. (Error)

Tell us what’s happening:
Describe your issue in detail here.
Course: Learn Accessibility by Building a Quiz.
Step 17:
Typeface plays an important role in the accessibility of a page. Some fonts are easier to read than others, and this is especially true on low-resolution screens.

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.
What i tried so far:
h1 {
font-family: Verdana,sans-serif;
h2 {
font-family: Verdana,sans-serif;
border-bottom: 4px solid #dfdfe2;

------------------------- or this one.
header h1 {
font-family: Verdana,sans-serif;
#student-info,#html-questions,#css-questions {
font-family: Verdana,sans-serif;
border-bottom: 4px solid #dfdfe2;

but neither are not correct. I still get the same thing.
Error: ( You should use a multiple element selector to target the h1 and h2 elements.)
what else selector elements should i use? i think have already all possible selector’ :smile:
Your code so far

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
   <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" />
     <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
     <h1>HTML/CSS Quiz</h1>
     <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 role="region" aria-labelledby="html-questions">
         <h2 id="html-questions">HTML</h2>
       <section role="region" aria-labelledby="css-questions">
         <h2 id="css-questions">CSS</h2>

/* 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 {
 font-family: Verdana,sans-serif;
h2 {
   font-family: Verdana,sans-serif;
   border-bottom: 4px solid #dfdfe2;

   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36

Challenge: Step 17

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

1 Like