Hello, I am trying to change the posts layout on my blog page at destop view(1000px+), from full width to each post takes 50% of the width of the container and wraping.

I tried the follow code but I don't think I selected the right elements as it is not doing anything

@media only screen and (min-width: 1000px){
    .posts-container {
        display: flex;
        flex-flow: row wrap;
    }
    
    .post-container .post{
        flex-basis: 50%;
    }
}

Please see attached photo the desired outcome.

My site is live on http://paulbush.madeabroad.io/news/ 

the password to view site is Snowing2021

By the way, the blog style I used is standard blog, with classic style.

Hello again,

I managed to make it work by changing the blog to a masonry layout and modifying the CSS to 50% of width for each blog item. 

Thanks for the help anyway