.archive-grid {
    display: grid; /* Включает режим сетки */
    grid-template-columns: repeat(3, 1fr); /* Создает 3 столбца равной ширины */
    gap: 20px; /* Расстояние между элементами сетки */
}

/* Если вам нужно изменить стили для мобильных устройств */
@media (max-width: 768px) {
    .archive-grid {
        grid-template-columns: repeat(2, 1fr); /* Два столбца на планшетах */
    }
}

@media (max-width: 480px) {
    .archive-grid {
        grid-template-columns: 1fr; /* Один столбец на телефонах */
    }
}