@import "blog-card.css";

.posts-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.posts-row .col-div {
    text-align: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 576px) {
    .posts-row .col-div {
        flex: 0 0 calc(100% / 2);
    }
}

@media only screen and (min-width: 768px) {
    .posts-row .col-div {
        flex: 0 0 calc(100% / 3);
    }
}

@media only screen and (min-width: 992px) {
    .posts-row .col-div {
        flex: 0 0 calc(100% / 4);
    }
}

@media only screen and (min-width: 1200px) {
    .posts-row .col-div {
        flex: 0 0 calc(100% / 5);
    }
}