Learn CSS Transforms by Building a Penguin - Step 2

HTML-CSS
1

i have to use the “background” property in the “body selector” to set the “linear gradient” angled 45 degrees clockwise, starting at rgb(118, 201, 255) and ending at rgb(247, 255, 222)

My Code

<!-- 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 (45deg, rgb(118, 201, 255), rgb(247, 255, 222));
}



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

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

Link to the challenge:

2

hi there,
do not leave space between the linear-gradient function name and the bracket immediately to its right (all functions follow this rule in case you hit this issue again)

1 Like
3

Hi, thankx for fixing my code

1 Like
4

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