Как перенести элемент формы обратной связи при определенной ширине браузера?

Павел Корнилов, переноситься должно раньше пока слева и справа от формы есть простанство пикселей по 70

Как перенести элемент формы обратной связи при определенной ширине браузера?

Павел Корнилов, все

Как перенести элемент формы обратной связи при определенной ширине браузера?

Павел Корнилов, https://codepen.io/sunnyrio/pen/omJXrJ?editors=1100

Как перенести элемент формы обратной связи при определенной ширине браузера?

Павел Корнилов, для какого из этих элементов нужно установить flex-basis чтобы кнопка перескакивала на следующую строку при нужной мне ширине браузера?

Как перенести элемент формы обратной связи при определенной ширине браузера?

<div class="section4">
			<p>Take action</p>
<!-- Форма обратной свзяи | Bootstrap 4 -->
			<form class="form-inline">
			  <div class="form-group">
				<input type="name" class="form-control-1" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Name">
			  </div>
			  <div class="form-group">
				<input type="phone" class="form-control-1" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Contact Phone">
			  </div>
			  <div class="form-group">
				<input type="email" class="form-control-2" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
			  </div>
			  <button type="submit" class="btn btn-primary bform-btn">Sign Up</button>
			</form>		
<!-- Форма обратной свзяи | Bootstrap 4 -->
		</div>

Как перенести элемент формы обратной связи при определенной ширине браузера?

Павел Корнилов, мне для нужно flex-basis выставить?

Как перенести элемент формы обратной связи при определенной ширине браузера?

Павел Корнилов, сделал flex-basis для кнопки побольше она теперь перемещается на новую стоку но при этом и ее размер меняется, как сделать чтобы размер оставался какой и был изначально?

Как перенести элемент формы обратной связи при определенной ширине браузера?

Павел Корнилов, по умолчанию я для последнего элемента установил flex-wrap; для кнопки

Как перенести элемент формы обратной связи при определенной ширине браузера?

сделал media query 1009px - flex-wrap: wrap; не переноситься на этой ширине

Как изменять текст при прокрутке при достижении определённых точек?

0xD34F, спасибо ребят

Как изменять текст при прокрутке при достижении определённых точек?

а где в верстке у тебя эти точки указаны?

Как исправить конфликт media query и bootstrap4?

VazgXa, Спасибо комментарии решили)

Как исправить конфликт media query и bootstrap4?

VazgXa, заработало а как тогда коментарии правильно ставить?

Как исправить конфликт media query и bootstrap4?

VazgXa, у меня не работает по этой ссылке с only даже

Как исправить конфликт media query и bootstrap4?

VazgXa, не помогает

Как изменить цвет фона у контейнера при изменении ширины браузера до 480px?

sunnyrio, обновил вопрос

Как исправить конфликт media query и bootstrap4?

sunnyrio, смотри тут https://jsfiddle.net/hmyk249v/2/

Как исправить конфликт media query и bootstrap4?

VazgXa, бэкграунд то должен меняться

Как исправить конфликт media query и bootstrap4?

<div class="container-fluid block1-text">
			One of the greatest things about the sport of surfing is that you need only three things: your body, a surfboard, and a wave.
		</div>

Как исправить конфликт media query и bootstrap4?

<!-- / Media query | CSS \ -->
    @media screen and (max-width: 480px) {
      .block1-text {
        font-size: 30px !important;
        color: black !important;
      }
    }
<!-- \ Media query | CSS / -->