Learn Intermediate CSS by Building a Cat Painting - Step 4

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

Your code so far
i am having issue in step 4 in intermediate css, can someone help me with the solution?

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fCC Cat Painting</title>
    <link rel="stylesheet" href="./styles.css">
</head>
<body></body>
</html>
/* file: styles.css */

/* User Editable Region */

(*)
box-sizing: border-box;
padding: 
border: 
width: 
height:


/* User Editable Region */

Your browser information:

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

Challenge: Learn Intermediate CSS by Building a Cat Painting - Step 4

Link to the challenge:

Hello and welcome to the community :smiley:!
All this is extra and you should delete it. Your box-sizing attribute takes care of ensuring
that all width and height attributes include any padding or border the element might have so that its not wider then its supposed to be by adding extra width/height besides for border width.

Welcome to the community!
Here is an example of the universal selector in use, but instead of using the property of box-sizing and the value of border-box, I will use something else.
For some reason the * is showing as a dot on my screen. You have the correct universal selector, but have it in brackets. This should not be done for this step.

  • {
    background-color: orange;
    }

background-color is the property, and orange is the value.

I hope this helps you!

Happy coding! :slight_smile:

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