js beta rpg step 23 - code check doesn't accept shorthand margin specification

[hbar1st]

Describe the Issue

step 23 of the js beta course gives instructions as follows:

Use margins to center it by setting the top margin to 30px, bottom margin to 0px, and the left and right margin to auto.

I attempted to use a shorthand version of a margin css statement but it was not accepted and the hints required that I type in margin-left, margin-right etc. before the code checking would allow me to contine.

This seems like an oversight. Either because the instructions were not clear enough or because the checking is not allowing valid css.

Affected Page

https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8/learn-basic-javascript-by-building-a-role-playing-game/step-23

Your code

#game {
  max-width: 500px;
  max-height: 400px;
  background-color: #ffffff;
  color: #ffffff;
  margin: 30px, auto, 0px, auto;
  padding: 10px;
}

Expected behavior

The step should either allow using shorthand margin syntax or be explicit in what is required (using margin-top etc).

Screenshots

No response

System

N/A

Additional context

No response

[gikf]

Thank you for reporting this issue.

That notation doesn't use the comma to separate the values 🙂. I've confirmed margin: 30px auto 0px auto will work, and because of that I'm going to close the issue.

If you think we're wrong in closing this issue, please request for it to be reopened and add further clarification.

Thank you and happy coding.