Есть ли возможность расположить текст справа от карточек товара.
поставил display:flex для всего контейнера - все блоки сместились и придется настраивать всё заново.
Float:right тоже не помогает. Сделал только с помощью position, и то, при уменьшении окна браузера происходит непонятно что
Может кто то из проженных воинов уже на глаз знает как сделать.
Скриншоты -
https://skr.sh/sKkIBbYzjHl?a https://skr.sh/sKk3tNibS3C?a
<section>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card" style="width: 18rem;">
<img src=".//car.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
<a href="#" class="btn btn-primary">Купить</a>
</div>
</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut fuga nesciunt</p>
</div>
</section>
body {
background: linear-gradient(180deg, #000 1%, #fff 96%);
}
.navbar-brand {
img {
width: 80px;
}
}
#nav-link {
color: #fff;
text-decoration: none;
padding-right: 10px;
&:active {
color: #000;
}
}
.navbar-toggler {
background-color: #666;
}
.col-lg-4 {
margin-top: 10px;
align-items: center;
.card {
padding: 20px 0px 0px 0px;
}
.card-img-top {
width: 50%;
position: relative;
left: 20%;
}
}
section {
width: 80%;
}
.text {
color: #ff0000;
}
