0

This code works fine:

grid: [row1-start] 'header header header header header' auto [row1-end]
    [row2-start] 'menu content content content content' auto [row2-end]
    [row3-start] 'footer footer footer footer footer' auto [row3-end] / 1fr 1fr 1fr 1fr 1fr;

but when I use the repeat() function instead of the five 1fr's, it ruins my grids:

grid: [row1-start] 'header header header header header' auto [row1-end]
        [row2-start] 'menu content content content content' auto [row2-end]
        [row3-start] 'footer footer footer footer footer' auto [row3-end] / repeat(5, 1fr);

I have no problem using the function in grid-template-columns property, the problem happens when I want to use it in grid property.

Vadim Ovchinnikov
  • 13,327
  • 5
  • 62
  • 90
Mohsen Nirouzad
  • 27
  • 1
  • 6

1 Answers1

1

As per the documentation:

doc image

Full MDN reference here

vals
  • 61,425
  • 11
  • 89
  • 138