Passo 6

Instruções

Para ver o elemento .cat-head, dê a ele um plano de fundo com gradiente linear com os valores #5e5e5e em 85% e #45454f em 100%. Você pode não notar a diferença entre estas duas cores, mas elas estão lá.

O que fazer:

Testes:

O seletor `.cat-head` deve ter uma propriedade `background`.
A propriedade `background` deve ser a função `linear-gradient`.
A função `linear-gradient` deve definir a primeira cor como `#5e5e5e` em `85%`.
A função `linear-gradient` deve definir a segunda cor como `#45454f` em `100%`.

<!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>

* {
  box-sizing: border-box;
}

body {
  background-color: #c9d2fc;
}


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

}

Preview