Aprende el Modelo de Cajas de CSS construyendo una pintura de Rothko - Paso 16

Español HTML-CSS
1

Cuéntanos qué está pasando:

My code won’t work. I’m looking for help.Mi código no pasa. Busco ayuda.

Tu código hasta el 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="frame">
      <div class="canvas">

<!-- User Editable Region -->

<div class="canvas">
 </div> <div class="one">
</div>

<!-- User Editable Region -->

      </div>
    </div>
  </body>
</html>

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

.frame {
  border: 50px solid black;
  width: 500px;
  padding: 50px;
  margin: 20px auto;
}

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/135.0.0.0 Safari/537.36

Información del Desafío:

Aprende el Modelo de Cajas de CSS construyendo una pintura de Rothko - Paso 16

2
3

Hola @andrevcs2001

Aquí tienes una comparación del código original con tu código.

El código en azul es el original, el código en rojo es el tuyo.
El código en magenta es la superposición.

image
image559×474 18.3 KB

Parece que has creado un nuevo elemento .canvas.

Restablece el paso para restaurar el código original y vuelve a intentarlo.

Solo necesitas crear un elemento div para este paso.

¡Que disfrutes programando!