Aprenda o box model do CSS criando uma pintura de Rothko - Passo 9

Português HTML-CSS
1

Conte-nos o que está acontecendo:

.canvas { width: 500px; height: 600px;} meu código não era para ser assim ? Eu não sei o que está de errado, até o CHATGPT mostra oq eu fiz mas aqui não está dando certo.

Seu código até o momento

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

/* file: styles.css */
.canvas {
  width: 500px;

/* User Editable Region */

.canvas { width: 500px; height: 600px; }

/* User Editable Region */

}

Informações do seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0

Informações do desafio:

Aprenda o box model do CSS criando uma pintura de Rothko - Passo 9

2

deixa quieto, já descobri que eu apenas devia colocar o height: 600px;

3

Olá @cueiDEV

O editor iniciou você dentro do seletor .canvas.

Parece que você aninhou o seletor .canvas dentro do seletor .canvas.

Reinicie a etapa para restaurar o código original.

A seguir, adicione apenas a propriedade e o valor solicitados nas instruções.

Boa codificação

4

sim obrigada, foi exatamente isso que percebi depois

1 Like
5

Note - ChatGPT is often wrong