W TRAKCIE Blog - dwie kolumny wpisów

Jak zrobić dwie kolumny wpisów na liście bloga.

Mam tak na stronie głównej na samym dole a chciałbym też mieć tak na głównej stronie bloga.

 

@TheL @gabiec.pl @flex anyone? Postaram się w przyszłym tygodniu do tego przysiąść dokładniej, ale póki co wysyłam ping do naszych wewnętrznych speców w ramach forum.home.pl.

 

z racji późnej godziny podsyłam takie rozwiązanie "na szybko" więc może wymagać "dopieszczenia" np na mniejszych rozdzielczościach.

Taki kod CSS podzieli artykuły na dwie części:

Code:

#box_articlelist{
  article{
    width: 48%;
    float: left;

    &:nth-child(2n+1){
      margin-right: 2%;
    }
  }
}

Ten zapis z ":nth-child(2n+1)" dodaje margines z prawej do co drugiego z nich (by ten z lewej strony nie miał niepotrzebnego marginesu.

na komórkach proponuje powrócić do jednej kolumny więc warto dodać:

Code:

@media (max-width: 480px){
  #box_articlelist{
    article{
      width: 100%;
      float: none;
      &:nth-child(2n+1){
         margin-right: auto;
      }
    }
  }
}

Powinno zadziałać.