@flare0n

Как поменять блок текста со слайдером местами?

5bd780a30c650310181357.png

Требуется поменять блоки местами на определенной ширине (320px) Как это можно реализовать не прибегая к изменениям в HTML коде? Пробовал flow, - как итог: ломает блок .product-text

Вот кусочек HTML
кода
<section class="product">
				<div class="container">
					<div class="row">
						<div class="col-md-7 col-sm-12">
							<div class="product-slider_for">
								<img src="img/item-1.jpg" alt="">
								<img src="img/item-2.jpg" alt="">
								<img src="img/item-3.jpg" alt="">
								<img src="img/item-1.jpg" alt="">
								<img src="img/item-2.jpg" alt="">
								<img src="img/item-3.jpg" alt="">
							</div>
							<div class="product-slider_nav">
								<img src="img/item-1.jpg" alt="">
								<img src="img/item-2.jpg" alt="">
								<img src="img/item-3.jpg" alt="">
								<img src="img/item-1.jpg" alt="">
								<img src="img/item-2.jpg" alt="">
								<img src="img/item-3.jpg" alt="">
							</div>
						</div>
						<!-- /.col-7 -->
						<div class="col-md-5 col-sm-12">
							<div class="product-text">
								<h2>Производство</h2>
								<p>Современное оборудование позволяет произ- водить до 5 миллионов квадратных метров гофрокартона ежемесячно. Гофрокороба и лотки производятся по ГОСТу или чертежам заказчика.</p>
								<p>Досконально прорабатываем конструкции коро- бов и составы сырья, учитывая условия хранения, транспортировки и производства вашей продукции.</p>
								<p>Возможно нанесение цветной флексопечати на поверхность коробов.</p>
							</div>
						</div>
						<!-- /.col-5 -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.container -->
			</section>
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
Posho
@Posho
Frontend-developer
.row {
    display: flex;
    flex-direction: column-reverse;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@siarheisiarhei
flex-direction: column-reverse; ....ie - от - (column) = сознание-ориентацию-теряет ...
ну, понадежнее в таком русле... (в сторону) насмотрелся....
{
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: stretch;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы