I have removed the background property and its values from h1 but I couldn’t know why it’s not working.
h1 {
text-align: center;
}
.container{ padding: 10px 0;
}
.marker {
width: 200px;
height: 25px;
margin: 10px auto;
}
.one {
background-color: rgb(0, 0, 0);
}
.two {
background-color: rgb(0, 0, 0);
}
.three {
background-color: rgb(0, 0, 0);
}
```css
/* file: styles.Ext.css */
h1 {
text-align: center;
}
.container{ padding: 10px 0;
}
.marker {
width: 200px;
height: 25px;
margin: 10px auto;
}
.one {
background-color: rgb(0, 0, 0);
}
.two {
background-color: rgb(0, 0, 0);
}
.three {
background-color: rgb(0, 0, 0);
}
Your mobile information:
SM-S901B - Android 14 - Android SDK 34
Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 40
Link to the challenge: