Здравствуйте. Есть вот такая секция(скрин ниже). Как лучше исспользовать список или просто блокам float: left; прописать? Бог с ним с этим выравниванием. У меня другая проблема. Блоки изначально идут: картинка-1 текст-1 картинка-3 текст-2 картинка-2 текст-3;
ul{
margin: 0;
padding: 0;
}
li{
list-style-type: none;
float: left;
}
.item{
width: 200px;
height: 200px;
border: 1px solid black;
}
<ul>
<li>
<div class="item">картинка - 1</div>
</li>
<li>
<div class="item">текст - 1</div>
</li>
<li>
<div class="item">картинка - 3</div>
</li>
<li>
<div class="item">текст - 2</div>
</li>
<li>
<div class="item">картинка - 2</div>
</li>
<li>
<div class="item">текст -3</div>
</li>
</ul>
Как сделать так чтобы при уменьшении размера экрана в 2-е колонки было так:
- картинка-1 текст-1
- картинка-2 текст-2
- картинка-3 текст-3
И в одну
- картинка-1
- текст-1
- картинка-2
- текст-2
- картинка-3
- текст-3