How to align blog posts and increase spacing between columns ?

Hello everyone,

I separated my blog posts into two colomns so it looks like this :

https://prnt.sc/shv5em

I added the following CSS code :

.blog .post {
    max-width: 45%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}
.blog .post:nth-of-type(even) {
    margin-right: 0;
}

.blog .wp-post-image {
    max-height: 300px;
}

@media screen and (min-width: 415px) {
    .blog .post {
        max-width: 45%;
        margin-right: 10px;
        display: inline-block;
        vertical-align: top;
    }
    .blog .post:nth-of-type(even) {
        margin-right: 0;
    }
    .blog .wp-post-image {
        max-height: 300px;
    }
}

As you can see the titles on the article 5 and 6 are not aligned and the spacing between the columns is way too narrow.

Does anyone know which CSS code I need to add to align the articles and increase the spacing between the columns?

Thank you so much in advance for your help!!

• This topic was modified 4 years, 10 months ago by Oby..