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

Tell us what’s happening:

Describe your issue in detail here.
hi i have given CSS properties as given in question with their corresponding values but it shows wrong can you give me clarification why it is giving wrong

Your code so far

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

/* User Editable Region */

.frame {
  border-style:solid;
  border-width:50px;
  border-color:black;
}

/* User Editable Region */

<!-- 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">
        
    </div>
   </div>
 </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Challenge Information:

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

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

actually in step 12 in my project, the question is given as create a css as .frame and give border properties as style border-style:solid, border-width 50px and border-color:black but the problem is it shows wrong to me can you give clarification what is in that css box model

Which template I need to edit first . I don’t understand your answer

Hello @RayuduRay !

It would like us to use the short form to change the border.

Here is an example on how to do that.

.frame{
border: width style color;
}
I hope this helps you. 
Wishing you a smooth coding path.
1 Like

You need to add border property with the value, 50px solid black in your required css selector.
@RayuduRay

Since its way past March, I hope you got it figured out. They gave you a solid answer with the " border: width style color; "

helped me figure it out :+1:t5:

1 Like

Soooo helpful ! Thank you ! :raised_hands:t5:

1 Like

I encountered the same problem and have already resolved it.
Reset & try.