Tell us what’s happening:
Hey Guys, im sorry in advance but to me it looks like i have the CSS rule for h1 set to rgb (0 , 255, 255) as it told me to. I only tried it with the .h1 selector but that didnt work either.
Your code so far
/* file: index.Ext.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>CSS Color Markers</h1>
<div class="container">
<div class="marker one">
</div>
<div class="marker two">
</div>
<div class="marker three">
</div>
</div>
</body>
</html>
/* file: styles.Ext.css */
h1 {text-align: center;
background-color: rgb(0, 255, 255)
.container {
background-color: rgb(255, 255, 255);
padding: 10px 0;
}
.marker {
width: 200px;
height: 25px;
margin: 10px auto;
}
.one {
background-color: rgb(255, 0, 0);
}
.two {
background-color: rgb(0, 255, 255);
}
.three {
background-color: rgb(0, 0, 0);
}
.h1 {background-color: rgb(0, 255, 255)
Your mobile information:
SM-A528B - Android 14 - Android SDK 34
Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 37
Link to the challenge: