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

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.

Travei nessa parte código, Nâo estou entendendo o que o exxercício está pedindo…

Seu código até o momento

/* file: styles.css */
.canvas {
  width: 500px;
  height: 600px;
  background-color: #4d0f00;
}

<!-- 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>
    <div class="frame">
    </div>

  </body>

Informações de seu navegador:

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

Desafio: Aprenda o box model do CSS criando uma pintura de Rothko - Passo 11

Link para o desafio:

2

Isso deve estar dentro do div que você acabou de criar.

1 Like
3

Oi, @ricardocfilho28. A instrução fala em a div nova envolver a div com a class canvas. No seu código, a div com a class frame está abaixo da outra div. Para dar um exemplo, as tags body estão “envolvendo” os elementos div que você criou. Altere o código de acordo e teste o resultado. Bons estudos! :smiley: