.page_holder .articles {
    grid-template-columns: repeat(4, 100px);
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: min-content min-content min-content auto 50px;
    display:grid;
    gap:10px;
}
.page_holder .articles .article .title{
    font-weight:bold;
}
.page_holder .articles .article .image {
    text-align:center;
}
.page_holder .articles {
    grid-template-columns: repeat(4, 100px);
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: min-content min-content min-content auto 50px;
    display: grid;
    gap: 10px;
}
@media (max-width: 1500px) {
    .page_holder .articles {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}
@media (max-width: 1000px) {
    .page_holder .articles {
        grid-template-columns: repeat(1, minmax(0,1fr));
        column-gap: 0px;
        row-gap: 10px;
    }
    .page_holder .articles .article {
        border-bottom:solid 1px #ccc;
        margin-bottom:20px !important;
        padding-bottom:20px !important;
    }
}