#blogGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

#blogGrid>div {
    border: 1px solid var(--textColor);
    max-width: 100%;
}

#blogGrid div a img {
    width: 100%;
    min-height: 3rem;
    margin-bottom: 0rem;
    display: block;
}

.blogGridItem {
    gap: 1.5rem;
    padding: 1rem;
}

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