Не позволяя кнопкам и div входить друг в друга при сжатии сайта - PullRequest
Новая
       12

Не позволяя кнопкам и div входить друг в друга при сжатии сайта

0 голосов
/ 16 марта 2019

Я много пытался исследовать это, но не смог найти ничего полезного:

Мой сайт построен так, что прямо посередине есть поле, а под ним - кнопка.Я заметил, что если я уменьшу высоту сайтов, кнопка перейдет под окно.Как я могу сделать это отзывчивым?Заранее большое спасибо и извините, если такой вопрос уже есть. 

.bg-text {
  border: 3px inset #f1f1f1;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center;
  }

.btn {  
  position: absolute;
  top: 70%;
  left: 38%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  cursor: pointer;
}
  <div class="bg-text">

 	  <h1>h1</h1>
 	 	<p>p</p>

	</div>

	<button type="button" class="btn btn-outline-light">About</button>

1 Ответ

0 голосов
/ 16 марта 2019

здесь мы идем: 

.bg-text {
border: 3px inset #f1f1f1;

margin: 20px auto;
z-index: 2;
width: 80%;
padding: 20px;

text-align: center;
}

.btn {  

display: block;

margin: 0 auto;
cursor: pointer;
}
...