Learn Intermediate CSS by Building a Cat Painting - Step 8

Español HTML-CSS
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

No me valida el código para el color de fondo de la cara del gato. He seguido las instrucciones, pero no me permite avanzar.

Tu código hasta el momento

.cat-head {
width: 205px;
height: 180px;
border: 1px solid #000;
border-radius: 46%;
background: linear-gradient(
#5e5e5e 85%,
#45454f 100%
);
}

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fCC Cat Painting</title>
    <link rel="stylesheet" href="./styles.css">
</head>
<body>
    <main>
      <div class="cat-head"></div>
    </main>
</body>
</html>

/* file: styles.css */
* {
  box-sizing: border-box;
}

body {
  background-color: #c9d2fc;
}

.cat-head {
  width: 205px;
  height: 180px;
  border: 1px solid #000;
  border-radius: 46%;

/* User Editable Region */

background: linear-gradient(
  #5e5e5e 85%,
  #45454f 100%
);
}

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: Learn Intermediate CSS by Building a Cat Painting - Step 8

Enlaza al desafío:

2

Welcome to our community!

All of this should be written as one code line (in one row). Make sure that you add a blank space after the comma that follows the first color.

3

Gracias, ya lo había intentado y sigue el mismo error:

Your linear-gradient function should set the first color to be #5e5e5e at 85% .

4

Post the new code here.

5

background: linear-gradient( #5e5e5e 85%, #45454f 100%);

6

Now, you have a blank space before the first color. Delete it.

7

Thanks. My code is correct with your correction.

1 Like