@66656665
22 года

Как реализовать? Бутстрап?

Как сделать так, чтобы текст стал выше?
Текст не отодвигается, а удлиняет полностью объект.
61ed34d5102f6606417764.png
<section class="number">
           <div class="container">
                <div class="row">
                        <div class="col">
                           <div class="chert">
                               <img src="../site/png/project.png" alt="чертеж">
                               <div class="count">40+</div>
                           </div>
                        </div>
                         <div class="col">
                           <div class="chert">
                               <img src="../site/png/project.png" alt="чертеж">
                           </div>
                        </div>
                        <div class="col">
                           <div class="chert">
                               <img src="../site/png/project.png" alt="чертеж">
                           </div>
                        </div>
                        <div class="col">
                           <div class="chert">
                               <img src="../site/png/project.png" alt="чертеж">
                           </div>
                        </div>
                        <div class="col">
                           <div class="chert">
                               <img src="../site/png/project.png" alt="чертеж">
                           </div>
                        </div>
                        <div class="col">
                           <div class="chert">
                               <img src="../site/png/project.png" alt="чертеж">
                           </div>
                        </div>
                  </div>
            </div> 
        </section>

.number {
    background-color: #34547A;

    height: 250px;
    padding-top: 100px;
    }


.count {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    display: inline-block;
    color: #FFFFFF;
    margin-left: 20px;
    padding-bottom: 60px;
    margin-bottom: 30px;
    
    
    

}

.chert {
    text-align: center;
    padding: 1px 1px 1px 1px;
}
  • Вопрос задан
  • 128 просмотров
Решения вопроса 1
adsvlad
@adsvlad
Разработка сайтов frontend && baсkand
Добавляешь класс align-top блоку div с классом count
<div class="col">
     <div class="chert">
       <img src="red.png" alt="чертеж">
         <div class="count align-top">40+</div>
       </div>
  </div>


Подробнее сдесь : https://getbootstrap.com/docs/5.0/utilities/vertic...
P. S: А еще классу count можно убрать если не нужны
padding-bottom: 60px;
margin-bottom: 30px;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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