1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

W TRAKCIE Blog - dwie kolumny wpisów

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika doleq, 2 Styczeń 2017.

  1. doleq

    doleq Zawodowiec

    Wiadomości:
    84
    Docenione treści:
    7
    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.
     

    Załączone pliki:

  2. Mariusz

    Mariusz pomoc.home.pl home.pl Administrator forum

    Wiadomości:
    3 088
    Docenione treści:
    302
    @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.
     
  3. flex

    flex Użytkownik

    Wiadomości:
    55
    Docenione treści:
    62
    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:
    Kod:
    
    #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ć:

    Kod:
    
    @media (max-width: 480px){
      #box_articlelist{
        article{
          width: 100%;
          float: none;
          &:nth-child(2n+1){
             margin-right: auto;
          }
        }
      }
    }
    
    
    Powinno zadziałać.
     
    Mariusz lubi to.

Poleć forum znajomym