Firefox vs chrome / CSS grid

[Rolf B]

Hallo Stefan,

so geht's natürlich auch:

@media (min-width: 640px) {
  main {
    display: grid;
    grid-template-columns: 10vw 20vw 20vw 20vw 20vw 10vw;
    grid-template-rows: 15vh 15vh 20vh 20vh;     
  }
}

aber ich meinte das hier (mit repeat für Spaltenwiederholung). Wenn man max-height angibt, müssen die template-rows natürlich relative Angaben sein.

@media (min-width: 640px) {
  main {
    display: grid;
    grid-template-columns: 1fr repeat(4, 2fr) 1fr;
    grid-template-rows: 3fr 3fr 4fr 4fr;    
    max-height: 70vh;
  }
}

Rolf