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);
}
}