Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.
hola buena, tengo problemas con el paso 50 de colores en ccs
rimero, en la regla CSS .red
, establece la propiedad background
a linear-gradient()
, y al argumento gradientDirection
pásale el valor 90deg
.
.red{
background:linear-gradient(90deg, red, green);
}
supongo que el código esta bien porque funciona pero tira error, no me doy cuenta si falta algo.
Tu regla CSS .red
debe tener la propiedad background
con el valor linear-gradient(90deg)
.
Tu código hasta el momento
<!-- file: index.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 red">
</div>
<div class="marker green">
</div>
<div class="marker blue">
</div>
</div>
</body>
</html>
/* file: styles.css */
h1 {
text-align: center;
}
.container {
background-color: rgb(255, 255, 255);
padding: 10px 0;
}
.marker {
width: 200px;
height: 25px;
margin: 10px auto;
}
/* User Editable Region */
.red{
background:linear-gradient(90deg, red, green);
}
/* User Editable Region */
.green {
background-color: #007F00;
}
.blue {
background-color: hsl(240, 100%, 50%);
}
Información de tu navegador:
El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36
Desafío: Aprenda los colores de CSS construyendo un conjunto de marcadores de colores - Paso 50
Enlaza al desafío: