Показать сообщение отдельно
  #1 (permalink)  
Старый 10.07.2023, 17:38
Аватар для deniscikasov@gmail.com
Аспирант
Отправить личное сообщение для deniscikasov@gmail.com Посмотреть профиль Найти все сообщения от deniscikasov@gmail.com
 
Регистрация: 14.03.2023
Сообщений: 82

Расположение текста
Есть ли возможность расположить текст справа от карточек товара.
поставил 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;

}

Последний раз редактировалось deniscikasov@gmail.com, 10.07.2023 в 18:36.
Ответить с цитированием