Learn CSS Transforms by Building a Penguin - Step 2

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I Don’t understand the error here.
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./styles.css" />
    <title>Penguin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>

  <body>
  </body>
</html>

/* file: styles.css */

/* User Editable Region */

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

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (iPad; CPU OS 16_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/109.0.5414.83 Mobile/15E148 Safari/604.1

Challenge: Learn CSS Transforms by Building a Penguin - Step 2

Link to the challenge:

2

Maybe it will be easier to read if you lay it out this way.

It might be the space between the background and linear.

1 Like
3

There should not be a space between 45 and deg.

1 Like
4

Actually it worked after removing the semi-colon. But thank you

5

That doesn’t make any sense. You had a space between 45 and deg in your CSS code you pasted above. That is invalid CSS. The tests won’t pass unless you remove that space.

The semicolon doesn’t matter in this case because there is only one property in the ruleset. So the tests will pass with or without it. But they will not pass as long as there is a space between 45 and deg.

6

Ohhhhh
Thanks a lot… !!

7

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