Support » Theme: Twenty Seventeen » 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 1 month, 2 weeks ago by Oby4455.
  • You must be logged in to reply to this topic.