ВБ
➳ Илья
Спасибо всем) сейчас по пробую.
Получилось?
Size: a a a
2020 December 12
➳
Получилось?
Нет не совсем(
ВБ
<div class="container">
<div class="item-wrapper">
<div class="text">
<h4>Lorem ipsum, dolor sit amet.</h4>
<h5>A nisi voluptatibus omnis quaerat quia dolorem.</h5>
<p>Veniam vel doloremque hic beatae fugit ratione voluptatum neque. Optio, quia modi voluptatem veniam totam reprehenderit accusamus.</p>
</div>
<img src="img/test.jpg" class="img-rounded" alt="">
</div>
<div class="item-wrapper">
<div class="text">
<h4>Lorem ipsum, dolor sit amet.</h4>
<h5>A nisi voluptatibus omnis quaerat quia dolorem.</h5>
<p>Veniam vel doloremque hic beatae fugit ratione voluptatum neque. Optio, quia modi voluptatem veniam totam reprehenderit accusamus.</p>
</div>
<img src="img/test.jpg" class="img-rounded" alt="">
</div>
</div>ВБ
Такая структура должна быть?
➳
Ну.. я похоже делал,но у меня с CSS проблемы, делаю flex end весь блок сдвигается,другие свойства,тоже на так как хотелось.
ВБ
.container {
display: flex;
flex-direction: column;
}
.item-wrapper {
display: flex;
align-items: center;
}
.item-wrapper:nth-child(odd) {
flex-direction: row;
}
.item-wrapper:nth-child(even) {
flex-direction: row-reverse;
}
.item-wrapper:nth-child(odd) .img-rounded {
margin-right: calc(50% - 50px);
}
.item-wrapper:nth-child(even) .img-rounded {
margin-left: calc(50% - 50px);
}➳
Ух ты огромное спасибо)) за такое подробное объяснения))
ВБ
Не за что) Это не объяснение, это только часть кода)
ВБ
Так же, выравниваешь текст:
.item-wrapper:nth-child(odd) .text {
text-align: right;
}
.item-wrapper:nth-child(even) .text {
text-align: left;
}
.item-wrapper:nth-child(odd) .text {
text-align: right;
}
.item-wrapper:nth-child(even) .text {
text-align: left;
}
ВБ
Не самое лучшее решение, возможно, но думаю, это правильное направление.
➳
Спасибо ещё раз) хоть теперь буду знать как это делать) а то уже много не той информации начитался в гугле😅
ВБ
Не за что) А та информация, что ты нашел - тоже может пригодиться, пусть отложится)
➳
(:
ВБ
Пойду гляну, может смогу еще кому-то помочь в бэкэнде, пока время есть)
➳
До бэкэнда,мне ещё далеко😅)
➳
Пока что хоть верстать уверенно научится,и Js)
ВБ
➳ Илья
До бэкэнда,мне ещё далеко😅)
Все впереди)
NM
Пойду гляну, может смогу еще кому-то помочь в бэкэнде, пока время есть)
Node.js?
AF
Пойду гляну, может смогу еще кому-то помочь в бэкэнде, пока время есть)
А что за чат