Learn CSS Foundations Projects - CSS Foundations Exercise B

The Odin Project
1

Tell us what’s happening:

I dont know why number 5 of css project B IS not working what can be the problem

Your code so far 2025-08-28T23:00:00Z

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Class and ID Selectors</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <p class="odd">Number 1 - I'm a class!</p>
    <div id="two">Number 2 - I'm one ID.</div>
    <p class="odder">Number 3 - I'm a class, but cooler!</p>
    <div id="four">Number 4 - I'm another ID.</div>
    <p class="odd">Number 5 - I'm a class!</p>
  </body>
</html>

/* file: styles.css */
p{
  background-color: yellow;
}
#two{
  color: blue;
  font-size: 36px;
}
#four{
  font-size: 24px;
  font-weight: Bold;
  background-color: red;
}
.odder {
  font-size: 24px;
}

Your browser information:

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

Challenge Information:

Learn CSS Foundations Projects - CSS Foundations Exercise B

2

Here are some troubleshooting steps you can follow. Focus on one test at a time:

  1. Are there any errors or messages in the console?
  2. What is the requirement of the first failing test?
  3. Check the related User Story and ensure it’s followed precisely.
  4. What line of code implements this?

If this does not help you solve the problem, please reply with answers to these questions.

3

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