Grid doesn't work on playground

[juliomuhlbauer]

I am trying to implement this: https://play.panda-css.com/pEu6MWzGgU

[astahmer]

you can do it like this https://play.panda-css.com/pEu6MWzGgU/4FoYqbatPl

[juliomuhlbauer]

Doesn't the array syntax works in grid?

Does not show either with object:

[anubra266]

@juliomuhlbauer your width of 100% can't work, that's css not panda. No way for css to know what width it's spanning, since none of the parents have a defined width.
https://play.panda-css.com/4FoYqbatPl/4FuPKMzg09

And as for the array syntax, it's a limitation for just the columns property in the grid pattern, because of the definition of the grid pattern in the base preset.

[juliomuhlbauer]

Thanks! I think we should accept the array sintax on the columns prop on the grid pattern by default. Because it would align with all the design system.

[anubra266]

@juliomuhlbauer #1816