Freecodecamp: Confusing Instructions in Applied Visual Design Challenge

Created on 17 Nov 2018  路  3Comments  路  Source: freeCodeCamp/freeCodeCamp

Describe your problem and how to reproduce it:
In the Applied Visual Design challenge - Learn about tertiary colors, the instructions state that orange and raspberry are not browser recognized color names, even though orange is in fact, identifiable by modern major browsers, the problem I think, lies in the fact that the hex code given for orange i.e. #FF7D00 and orange are different colors, which means that orange leads to a color which is visually orange, but different to a computer.

There can be 2 things we can do to solve this:

  1. Change the challenge instruction, or,
  2. Change the tests for the challenge

Add a Link to the page with the problem:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/learn-about-tertiary-colors

learn

Most helpful comment

Both the orange color and raspberry colors were incorrect.
Orange was rgb(255, 125, 0). But since 255/2 = 127.5, it should be rgb(255, 127, 0). Same for the raspberry color. The wikipedia entry linked above confirms this.

I fixed this in my PR.

All 3 comments

@beaucarnes Would you have any input on this issue?

This does need to be fixed. It should be clarified that while 'orange' is a color name recognized by browsers, the shade of orange does not exactly correspond to the official tertiary orange color. After a little research, it seems that our hex code for the tertiary orange could be off a little. According to this wikipedia entry, it should be #FF7F00. Though the exact hex code does not impact the actual lesson of this challenge.

I can fix this.

Both the orange color and raspberry colors were incorrect.
Orange was rgb(255, 125, 0). But since 255/2 = 127.5, it should be rgb(255, 127, 0). Same for the raspberry color. The wikipedia entry linked above confirms this.

I fixed this in my PR.

Was this page helpful?
0 / 5 - 0 ratings