Flappy Penguin Step 2

HTML-CSS
1

Hello again guys, the error keeps coming up " You should use the background property in the body selector." but havent I done that ? From what Im reading on google and what Ive found on this forum so far it is correct, it is also reading correct on codepen ? can someone guide me a bit.

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <link rel="stylesheet" type="text/css" href="./styles.css" />
  <title>Penguin</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>
</body>
</html>

/* file: styles.css */
body 
{ background: linear-gradient (45 deg,  rgb(118,201,255),  rgb(247,255,222));}

  **Your browser information:**

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

Challenge: Step 2

Link to the challenge:

2

Hey there :wave:

In CSS white space doesn’t matter too much, but it is used to separate arguments. This means this in your code:

linear-gradient (

It reads the space between “linear-gradient” and “(” as a sign that you’re beginning a new argument, and the linear-gradient function never gets a chance to run.

You have the same thing happen here:

45 deg

Due to the space between “45” and “deg”, it doesn’t put them together as one argument.

2 Likes
3

Here is my code that just passed that step:

body {
  background: linear-gradient(45deg, rgb(118, 201, 255),rgb(247, 255, 222));
}
2 Likes
4

Thats really helpful the White space concept , significant point to remember.

5

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