3 columns posts for blog

Viewing 2 replies - 1 through 2 (of 2 total)
  • Branko

    (@brankoconjic)

    Hey there,

    Please try adding this CSS code into the Appearance ? Additional CSS field:

    .blog .site-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog .sinatra-article {
  flex-basis: 50%;
  padding-right: 15px;
  padding-left: 15px;
}

.blog .sinatra-pagination {
  flex-basis: 100%;
}

@media screen and (max-width: 480px) {
  .blog .sinatra-article {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .blog .sinatra-article {
    flex-basis: 50%;
  }
}

    Let me know if that worked for you.

    • This reply was modified 4 years, 4 months ago by Branko. Reason: Fixed responsive bug
    Thread Starter daivymerlijs

    (@daivymerlijs)

    Thanks, it works perfectly !

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘3 columns posts for blog’ is closed to new replies.