Learn CSS Foundations Projects - CSS Foundations Exercise B

The Odin Project
1

Tell us what’s happening:

i have set the fourth element to 24px, but it is still not passing the test.

Your code so far

<!-- 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 = "number1">Number 1 - I'm a class!</p>
    <div id = "number2">Number 2 - I'm one ID.</div>
    <p class = "number3">Number 3 - I'm a class, but cooler!</p>
  <div id="yay" style="font-size: 24px; background-color: red; font-weight: bold;">Number 4 - I'm another ID.</div>
    <p class = "number5">Number 5 - I'm a class!</p>
  </body>
</html>

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

.number3{
  background-color : yellow;
  font-size :24
}

.number5{
  background-color : yellow;
}

#number2{
  color: blue;
font-size : 36px;
}
#yay{
  font-size : 24
  px;
  background-color : red;
  font-weight:bold;
}

Your browser information:

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

Challenge Information:

Learn CSS Foundations Projects - CSS Foundations Exercise B

2

Welcome to the forum @kmlnur001

  1. The font-size of the fourth element should be set with a class attribute. The font-weight and the color should be set with an id attribute.

For this exercise, set the font-size property using a class selector.

Happy coding