1
resposta

[Dúvida] duvida background: linear-gradient

Estava indo praticar quando me deparo que não consigo usar o background: linear-gradient no body

Eu não entendo o porque que estou com tanta dificuldade pra achar o erro!!!

CSS:

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    height: 100vh;
    width: 100vw;
    background: linear-gradient(90deg,rgba(65, 185, 131) 0% rgba(0, 212, 255) 100%);
}

HTML:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Jogo da velha</title>
</head>
<body>

    <div class="board">
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
        <div class="cell" data-cell></div>
    </div>

    <!--<div class="winning-massage" data-winning-massage>
        <p>x venceu!</p>
        <button>Iniciar!</button>
    </div>-->
    

    <script src="script.js"></script>
</body>
</html>
1 resposta

Olá Jean! Tudo ok contigo?

Pelo código que você compartilhou, parece que você esqueceu de adicionar uma vírgula entre as cores no seu linear-gradient. O código correto seria:

body{
    height: 100vh;
    width: 100vw;
    background: linear-gradient(90deg, rgba(65, 185, 131, 1) 0%, rgba(0, 212, 255, 1) 100%);
}

Repare que adicionei uma vírgula entre as cores rgba(65, 185, 131, 1) e rgba(0, 212, 255, 1).

Colocando aquilo eu obtive esse resultado:

teste do projeto do aluno consertado

Espero que isso resolva o seu problema! Se tiver mais alguma dúvida, é só me dizer.

Espero ter ajudado, abraços e bons estudos!