Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, а если последний блок не див, а кнопка.

<a href="" title="Записаться онлайн" class="zap">Записаться онлайн</a>

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Хотя нет, флоат ригх не срабатывает )

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, ага, точно, последний див прижем права ! ну или просто флоат ригхт применить и все.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей, а это как? ну я давно использую этот метод, и чет не задумывался особо что можно и по другому, особо проблем не было с i

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Ага по первому вопросу, сработало, точно )
По по второму так и сделано, общий блок в котором все эти 4 блока и каждый блок в диве, а если 3 блока не оборачивать в див дополнительный, я мог и обернуть, по этому я и задал вопрос чтобы не оборачивать.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

Xdevelx, уже через паддинг сделал, выход от самого высокого объекта и будет отступ.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

ⓒⓢⓢ, но через паддинг тож не дело задавать размеры блока.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

Я в теме дописал, для тех кто так не делает и не поймет че к чему )

Если кто не понял, .df стиль сделал чтобы не было дублей дисплай флекс, а просто куда надо вписываю стиль и все, ну и центрование по вертикали .fc где надо отцентрить, я вписываю стиль и все. Ну в планах так.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

ⓒⓢⓢ, почему жопа, скорее не понял, там верх, я весь код не стал запихивать, верх сайта, где в блоке картинку и менюшку хотел отцентровать через флекс по вертикали.

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

profesor08, нет, спрашиваю как быть с отступами.

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

Вот такая херня выходит:

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

И почему padding: 0 50px 0 50px; не срабатывает, отсупы, у меня менюха наезжает и уходит за край.

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

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

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;

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

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

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

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

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

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

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

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

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

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

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

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

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