[CSS] Media queries Chrome i Firefox różnica dla 1px

Question

Ktoś jest w stanie wytłumaczyć dlaczego w Firefox przy 1024px szerokości nie wchodzą style z media queries? Dopiero jak zmienić na 1025px to pojawiają się style.

.grid {
  display: grid;
  gap: 1.25rem;
  background-color: var(--secondary-light-color);
}

.item {
  padding: 1.25rem;
  background-color: var(--primary-color);
  color: var(--secondary-light-color);
  font-size: var(--h3-font-size);
  text-align: center;
}

@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) {
  .grid {
    grid-template-columns: repeat(5, 1fr);
  }
}