SyntaxError: Invalid regular expression: invalid group specifier name

Tell us what’s happening:
Everytime I try to “Run the test” this error pops up. SyntaxError: Invalid regular expression: invalid group specifier name

  **grid-gap: 10px 20px;**

<style>
.d1{background:LightSkyBlue;}
.d2{background:LightSalmon;}
.d3{background:PaleTurquoise;}
.d4{background:LightPink;}
.d5{background:PaleGreen;}

.container {
  font-size: 40px;
  min-height: 300px;
  width: 100%;
  background: LightGray;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  /* Only change code below this line */
grid-gap: 10px 20px;
  
  /* Only change code above this line */
}
</style>
<div class="container">
<div class="d1">1</div>
<div class="d2">2</div>
<div class="d3">3</div>
<div class="d4">4</div>
<div class="d5">5</div>
</div>
  **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/14.1 Safari/605.1.15.

Challenge: Add Gaps Faster with grid-gap

Link to the challenge:

What browser are you using? Have you checked for updates?

Errors like this are usually caused by an out-of-date or unsupported browser.

I am using safari.

This is the first time something like this has happened.

Hey there, I’m dealing with the same issue on Safari Browser. Try using Chrome or other browsers.

They must have changed something in tests what is not supported in Safari yet

It looks like there’s a Safari related bug right now.

Bugs can be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

For now you can use Firefox, Chrome, or Edge - or you can skip this challenge.

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