Learn CSS Foundations Projects - CSS Foundations Exercise B

The Odin Project
1

Tell us what’s happening:

Describe your issue in detail here.

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="impar">Number 1 - I'm a class!</p>
    <div id="second" class="two">Number 2 - I'm one ID.</div>
    <p class="impar three">Number 3 - I'm a class, but cooler!</p>
    <div class="four" id="fourth">Number 4 - I'm another ID.</div>
    <p class="impar">Number 5 - I'm a class!</p>
</body>

</html>

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

#second{
    font-size: 36px;

}

.two{
    color: blue;
}

.three{
    font-size: 24px;
}

.four{
    font-size: 24px;
}

#fourth{
    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/120.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Foundations Projects - CSS Foundations Exercise B

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.