Learn CSS Transforms by Building a Penguin - Step 5

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hello, I’m stuck on this task. I’m working on safari, what could be the issue?
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 */
body {
  background: linear-gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222));
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  overflow: clip;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Safari/605.1.15

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

Link to the challenge:

2

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

3

Thanks a bunch, I’ll try it out and see

1 Like
4

one question though, how can I try the step in incognito mode

5

Instructions on private mode here from apple

6

Thank you, Trying a different browser(chrome) did the trick :+1:

1 Like
7

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