.book-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 22px;
}

@media (max-width: 768px) {
    .book-grid {
        gap: 16px;
    }
}