.customarchives {
    max-width: 1260px;
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
    padding: 0 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    grid-auto-rows: minmax(100px, auto);
    & article.customposts {
        & a {
            height: 100%;
            & h1 {
                color: #106939;
                font-size: 14px;
                font-weight: 400;
                overflow: hidden;
            }
            & img {
                aspect-ratio: 1.4;
            }
        }
    }
}
@media screen and (max-width: 800px) {
    & .customarchives {
        grid-template-columns: repeat(2, 1fr);
        & article.customposts {
            & a {
                & h1 {
                }
            }
        }
    }
}

@media screen and (max-width: 500px) {
    & .customarchives {
        grid-template-columns: repeat(1, 1fr);
        & article.customposts {
            & a {
                & h1 {
                }
            }
        }
    }
}