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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

/* User Editable Region */

  background-color: #4d0f00  
.frame
  border:50px.


/* 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/110.0.0.0 Safari/537.36

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

Link to the challenge:

2

Can you explain what your issue with this challenge is please?

3

Hey Coblan!
I see a few things that might help. First of all, your frame rule needs CSS syntax with curly braces
Also, you’re not just setting the border width here. You’re also setting the color and type

4

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

/* User Editable Region */

  background-color: #4d0f00  
.frame
border: 50px. 

/* 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/110.0.0.0 Safari/537.36

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

Link to the challenge:

5

.frame
border: 50px.

6

You always need to enclose style declarations within sets of curly brackets.
You’ve lost the closing curly bracket for the .canvas selector.
You also need to add curly brackets around the styles for the .frame selector.
Finally, you shouldn’t have a full stop after a property value. You use a semicolon (as in your other selector).

7

Hi Coblan! I gave you a detailed answer on the post you made a few minutes ago. There are a couple things you need to fix and it should be good to go, so go check out my reply on your 1st post!

8

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