@dsendy

Как зафиксировать объект, чтобы при добавлении изображений он не уплывал вверх?

Простите за глупый вопрос. Если я добавляю какие-либо картинки или отступы в текст, то название поста уплывает вверх
<div align='center' class='post_cont'>
                                <!-- Название,  которое улетает за пределы экрана -->
				<h3 class='pt-5'>Title</h3> 
				 <div class='text'>
				    <h5 class='display-5 mt-5'>
					    Content
				     </h5>
			          </div>
			</div>

https://codepen.io/dsender/pen/vYOmVdR
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
Get-Web
@Get-Web
Front-End Developer
Не надо увеличивать больше реального размера... Увеличивайте из уменьшенного в реальное:
@keyframes post-get {
  0% {
    -webkit-transform: scale(.5);
            transform: scale(.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@DmitrijP
там где раньше у вас scale был 1.5 поставил для примера 1.25 и всё зароботало.
вот изменения:
100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}
@keyframes post-get {
  0% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);


вывод: проблема в scale.
Ответ написан
Ваш ответ на вопрос

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

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