Learn CSS Foundations Projects - CSS Foundations Exercise B

The Odin Project
1

Tell us what’s happening:

The preview of my html code matches with the description given in the exercise.But the test cases other than the first two doesn’t pass.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css">
    <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' class='second'>Number 2 - I'm one ID.</div>
    <p class='odd three'>Number 3 - I'm a class, but cooler!</p>
    <div id='four' class='fourth'>Number 4 - I'm another ID.</div>
    <p class='odd'>Number 5 - I'm a class!</p>
  </body>
</html>

/* file: styles.css */
.odd{
  background-color:yellow;
}

#two{
  color:blue;
  font-size:36px;
}

.three{
  font-size:24px;
}

.fourth{
  font-size:24px;
}

#four{
  font-weight:bold;
  background-color:red;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0

Challenge Information:

Learn CSS Foundations Projects - CSS Foundations Exercise B

2

Hello!
You have two link elements in your head element. Once removing one of them, your code should pass.

2 Likes