CSS commas, is there an easy way to remember this.

Question

This is driving me nuts in CSS. Some values are separated by commas and some aren't. Is there an easy way to remember this. Am I missing something. It's maddening at times.

For instance:

grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: repeat(3, minmax(60px, 1fr));

This is a snippet from something that I'm doing on freeCodeCamp. I've seen it with other elements too. Why does grid-template-rows get no commas but grid-template-columns: gets commas. Is it only when they're in parenthesis? Is there an easy way to remember?

Answer 1

Nice question.

According to my current experience, the one which have parenthesis () around them, have commas between them.