Кросбраузерный адаптивный шаблон, кто какой вариант использует?

profesor08, сделал пример, центр по центру разместил по вертикали и горизонтали.

Проблема с адаптацией по горизонтали, почему не сжимается, а скрол появляется.
https://jsfiddle.net/9hofx4nm/1/

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

Все же есть проблема с этим методом, сначала тупил думал где адаптация.
вот рабочий пример: https://jsfiddle.net/5pdt2q6L/2/

header - не во всю длину max-width: 1200px;
видно что все сжалось, контент.

и я обычно делал так: и все работало, теперь добавлять надо max-
width: 1200px;
min-width: 270px;

если убрать:
в .w{} то все ок.

display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

можно сказать все методы там есть )

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

А во все сделалось. без скрола.

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

Тарас Шульга, знаю что простая, нет низ чет не прижат к низу ! поставил себе и чет уходит низ, делает скрол.

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

о хороший вариант, для главной страницы, где контент по середине, слева логотип наверху, справа разделы, а в самом низе контакты.

по типу такого варианта.

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

так этот вариант, он поделен на низ и центр я так понял, а верх? любым может быть, правильно я понял.

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

Надо чтобы метод поддерживался большинство браузерами.

Кросбраузерный адаптивный шаблон, кто какой вариант использует?

VegasChickiChicki, ахаха ) это да, может быть ))

Скрипт который через 3 секунды запускает попуп, как сделать?

Alex, ?

Скрипт который через 3 секунды запускает попуп, как сделать?

А куда вписывать #win1
Попуп и так адаптивный.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

35% и 65% это уже 100%, т. е. полная ширина родителя. А вы между ними еще 70px пытаетесь воткнуть. Значит, ширина блоков не будет 35 и 65.

так ничего в этом не вижу что я втыкаю 70, но потом при адаптацию меняю, все же работает и ничего не вылезает, если все ок сделать.

4. Про адаптивность. В вашем коде не было ни одного media, а в вопросе ни одного упоминания о том, как именно оно должно перестраиваться.

я не стал медиа пихать, мой пример и так был адаптивный он растягивался и сжимался.

Собственно, суть вопроса сводится к вопросу о том, как прибить кнопку к низу блока. Ответ: flex-direction column и margin-top:auto для кнопки.
Кроме этого и Рустам и я написали вам пример реализации.
Перенос этого в ваш код, его адаптация и т.д. это ваши заботы.

Я показал вам выше примеры вашего кода, и что выходит. так что спасибо, но решить проблему не удалось.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Рустам Байназаров, хороший пример, но почему не сработал на моем примере? https://jsfiddle.net/e5vfno7t/2/
у вас el блок 50%, то есть все блоки 50% в моем случае, блоки разной ширины.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Хочу заметить, что последний вариант он не адаптивный вообще ) https://jsfiddle.net/chbfduop/
Конечно большое спасибо за помощь, но вы делаете и не проверяете. Почему? хотя пытаетесь давать кучу советов.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

И зачем

.b0 {
  margin-top: auto;
}

если там в кнопках можно вписать

.regs {
  width: 100%;
  margin-top: auto;
  padding: 15px 0 15px 0;
  text-align: center;
  background: #DD0746;
  color: #fff;
  font-size: 16px;
  border: 0;
}

.ka {
  width: 100%;
  margin-top: auto;
  padding: 15px 0 15px 0;
  text-align: center;
  background: #eb7c2c;
  color: #fff;
  font-size: 16px;
  border: 0;
}

и зачем
.form-field

если можно так сделать

.fb input, .fbr input{
margin-bottom: 20px;
}

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, не совсем понял по поводу 35% и 65%, и маргин лефт 70, почему нельзя такой отступ делать, я через медиа потом меньше делаю его.
и вообще при определенном размере экрана, через медиа, становиться один блок в линию и под него фторой и там уже не 35% и 65%, а каждый по 100%.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Не сломалось чет, попробовал перенести ) и фб убрать.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, так если можно убрать, то можно ! раньше он нужен был, если щас нет то можно убрать.
Так то что в fb, можно перенести сюда .ff65, .ff35 я правильно понял и фб убрать.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, так-то работает, но тож
убирает, надо применять паддинг или маргин.

2 адаптивных блока, растягиваются друг за другом по высоте, но есть проблема с контентом, как решить?

Ankhena, блоки не одинаковые ff65 - это 65%, а второй ff35 - это 35% ширина блоков.
вообще поидеи для левой кнопки надо было, но вы сделали для обоих я вот и пытался для обоих применить, пусть две будут.