Learn-css-transforms-by-building-a-penguin/step-8

fsilf · January 25, 2022, 4:32pm

I also had the same issue in step 14: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-transforms-by-building-a-penguin/step-14

Thank you for looking into it!

jwilkins.oboe · January 25, 2022, 4:48pm

An issue has been made

github.com/freeCodeCamp/freeCodeCamp

Firefox doesn't accept the correct answer for Step 8 of the CSS transforms project

opened 04:47PM - 25 Jan 22 UTC

jdwilkin4

type: bug scope: curriculum status: waiting triage

An issue was brought up in the forum where the user could not pass the challenge… using firefox. https://forum.freecodecamp.org/t/learn-css-transforms-by-building-a-penguin-step-8/494080 They had the correct code and weren't using browser extensions. ## Affected page https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-transforms-by-building-a-penguin/step-8 ## Correct code that doesn't pass in firefox ``` .ground { width: 100vw; height: 400px; background: linear-gradient(90deg, rgb(88, 175, 236), rgb(182, 255, 255)); } ``` ## Expected behavior On google chrome and safari the test does pass. The test will only pass on Firefox using this code ``` .ground { width: 100vw; height: 400px; background: linear-gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222)); } ``` ## Screenshots Correct answer not passing in firefox <img width="936" alt="Screen Shot 2022-01-25 at 8 44 56 AM" src="https://user-images.githubusercontent.com/67210629/151020767-01b46c49-5579-4e85-8b43-83cd2c7a7386.png"> Incorrect answer passing in firefox <img width="981" alt="Screen Shot 2022-01-25 at 8 45 31 AM" src="https://user-images.githubusercontent.com/67210629/151020859-44dfbcfd-9a65-4d76-ac8f-4389d1e7c97a.png"> ## System - Device: [macbook pro] - OS: [macOs Catalina] - Browser: [Firefox] - Version: [96.0.2]

system · July 27, 2022, 4:49am

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

Topic		Replies	Views
Learn CSS Transforms by Building a Penguin - Step 90 HTML-CSS	11	857	December 13, 2023
Learn CSS Transforms by Building a Penguin - Step 100 HTML-CSS	6	273	March 20, 2025
Learn CSS Transforms by Building a Penguin - Step 101 HTML-CSS	3	511	April 26, 2024
Learn CSS Transforms by Building a Penguin - Step 90 HTML-CSS	3	516	April 9, 2025
Learn CSS Transforms by Building a Penguin - Step 96 HTML-CSS	2	1121	February 10, 2023

Learn-css-transforms-by-building-a-penguin/step-8

Related topics