CSS error using grid in Customizer

[slalani]

This is a follow-up to #42528.

I tried to use this CSS property on Customizer:

grid-template-columns: repeat(4, 1fr);

This resulted in the error and I'm unable to save:

Expected BRACE at line 4, col 36.

I'm using WordPress 6.6

[hellofromTonya]

Hello @slalani,

Welcome to WordPress Core's Trac.

I'm doing some triage for 6.6.1 today. Noticed your ticket. The issue raised does not seem to be introduced during the 6.6 cycle. So I'm removing that from the Version.

[narenin]

Hi,

I am not able to replicate this issue at my end.

Could you please share the all CSS code it has, because it looks like that may has issue.

Environment

WordPress: 6.7-alpha-58576-src
PHP: 8.3.7
Server: nginx/1.25.4
Database: mysqli (Server: 8.3.0 / Client: mysqlnd 8.3.7)
Browser: Chrome 125.0.0.0
OS: macOS
Theme: Twenty NineteenVersion: 2.9
MU Plugins: None activated
Plugins:

[slalani]

Sure! I'm using this css inside the html widget using Customizer:

<style>
	ul.footer-supporter {
		display:grid; 
		grid-gap: 30px;
		align-items:center;
		justify-content:center;
		grid-template-columns: repeat(4, 1fr);
	}
	ul.footer-supporter li {
		grid-gap:30px;
		display:flex;
		align-items:center;
		justify-content:center;
		padding:20px;
		background:rgba(255,255,255,0.3);
		width:200px;
		height:200px;
	}
</style>

Here is another screenshot for your reference: