.post-feed-section {
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: 1px solid #dddddd;
}

@media (min-width: 1024px) {
    .post-feed-section {
        grid-template-columns: 3fr 1fr;
        padding: 32px 0;
    }
}

/* .post-feed-section > .post-area {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
    .post-feed-section > .post-area {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0;
    }

} */


.post-feed-section {
    .post-area-div {
        display: grid;
        grid-template-columns: 1fr;
    }

}

@media (min-width: 1024px) {
    .post-feed-section {
        .post-area-div {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }
}







.post-feed-section .area {
    display: flex;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom-width: 1px;

    .ad-wrapper {
        max-width: 300px;
    }
}

@media (min-width: 1024px) {
    .post-feed-section .area {
        padding: 0px 0px 16px;
    }
}

.post-feed-section .post-area .post-feed-section-card {
    padding-bottom: 16px;
    border-bottom: 1px solid #dddddd;
    padding-top: 16px;
}

@media (min-width:1024px) {
    .post-feed-section .post-area .post-feed-section-card {
        padding: 0 16px;
        border-right: 1px solid #dddddd;
        border-bottom: none;
    }

    .post-feed-section .area {
        padding-left: 16px;
    }
}