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

Tell us what’s happening:
Ayudaa no entiendo que debo hacer, agregue el padding al .frame y no es eso al parecer, estas son las instrucciones:
Use padding to adjust the spacing within an element.

In .frame, use the padding shorthand property to increase the space between the .frame and .canvas elements by 50px. The shorthand will increase space in the top, bottom, left, and right of the element’s border and canvas within.

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

.frame {
border: 50px solid black;
width: 500px;
padding: 50px;

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

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

Link to the challenge:

Welcome to the forum!

Please 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 information you give us, the more likely we are to be able to help.

1 Like

add the padding to the .frame because I thought that was the right thing to do, but apparently it’s not so I don’t know what to do according to the instructions
The instructions:
In .frame , use the padding shorthand property to increase the space between the .frame and .canvas elements by 50px . The shorthand will increase space in the top, bottom, left, and right of the element’s border and canvas within.

Your solution looks good to me. Maybe your browser is not working well with FCC. Try Chrome (that is what I use), or you can also try to restart the step and paste in the padding line to see if it passes after the restart (sometimes that works also).

1 Like