Why its not working? it has all the elements

I dont know what to do. I have read tutorials. but it said. Your styles.css file should have the h1, h2, p type selector.
it has h1, h2 and “p”
css
\ file: body {
background-color: lightblue;
}

h1 {
color: red;
text-align: center;
}

h2 {
color: orange;
}

p {
font-family: verdana;
font-size: 20px;
}
body {
background-color: lightblue;
}

h1 {
color: red;
text-align: center;
}

h2 {
color: orange;
}

p {
font-family: verdana;
font-size: 20px;
}





      **Your browser information:**

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

**Challenge:**  Step 15

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-15

Not sure if you pasted your code twice or if you have duplicates. That can cause problems. However, in this lesson they want you to have all three elements controlled under one CSS selector. To do this you would do it as shown below:

div, select, article {
  property: value;
}

In this example its modifying all div, select and article elements.

1 Like