Все здрасти
Хотелось бы, чтобы кто-то объяснил по поводу адаптивности, а именно,о ПЕРЕНОСЕ блока на новую строку при достижении определенного барьера.
Допустим, есть такой хмтл код
<div class="contarner">
<div class="left"><img src="img.jpg"></div>
<div class="center"><img src="img.jpg"></div>
<div class="right"><img src="img.jpg"></div>
<div class="left"><img src="img.jpg"></div>
<div class="center"><img src="img.jpg"></div>
<div class="right"><img src="img.jpg"></div>
</div>
Все три картинки находятся в одном ряде.
Ширина каждой картинки 320px. 320*3=960px
Вопрос:
Как при достижении <=959px сместить 3ю картинку под 1ю?
Так, чтобы вместо трех колонок, образовалось две колонки.
Было:
pic | pic | pic
pic | pic | pic
Стало:
pic | pic
pic | pic
pic | pic
Заранее спасибо .