[beta] CSS Parsing Issue on certain Challenges

The Issue

In certain challenges (listed below), if there is a space between property and colon, the tests will fail to validate even though code has been written correctly.

Meaning, This code fails :-

selector {
 property : value;
}

and this code passes :-

selector {
 property:value;
}

Examples

There are more, I’ll update here as I find them.

• Applied Visual Design: Adjust the background-color Property of Text
• Applied Visual Design: Add a box-shadow to a Card-like Element
• Applied Visual Design: Create a Gradual CSS Linear Gradient
• Applied Visual Design: Adjust the Hover State of an Anchor Tag
• Applied Visual Design: Learn about Tertiary Colors
• Applied Visual Design: Adjust the Hue of a Color
• CSS Flexbox: Apply the flex-direction Property to Create Rows in the Tweet Embed

[RandellDawson]

This issue has now been resolved in PR #34801. It may be a while before the change is moved to production though.

[ParaBolt]

It is correct syntax, parsed and rendered by the browser correctly. And as I mention, that style of CSS passes in all other tests, yet fails in the above-mentioned ones as well as a few others even though the result is rendered correctly on the result view screen.