Learn the CSS Box Model by Building a Rothko Painting - Step 9

I am receiving an error msg w/the following - correctly entered code per what the assignment is.
.canvas {
height: 600px;

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

/* User Editable Region */

.canvas {
  height: 600px;

/* User Editable Region */

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Challenge: Learn the CSS Box Model by Building a Rothko Painting - Step 9

Link to the challenge:


You created a new .canvas.

Delete it and just enter the height in the existing one. :slight_smile:

Hello - thx.
I was reviewing the multiple posts for this issue, scrolled to bottom of page and noticed the closing bracket for .canva.
Either fCC set this up to stress that we need to look at all code - find the errors - or the assignment/this step s/be worded differently.
Thx again

You are welcome!

I believe the course is set to help us learn that we need to look at the whole view, just as we would need to do if we needed to solve an issue with code in a job.

I think it helps us learn to focus on the whole picture.

But, this is just my view of how I see the course and feel it is helpful is preparing people for future usage.

Keep up the great progress!

1 Like

I agree w/your opinion.
You keep up your progress as well.
Thx again

1 Like

Thank you for your inspiration as well! :slight_smile:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.