Вопрос, нормально ли совмещать верстку блоками и флексами, или надо только так или так?

Question

[Тимофей]

Из за такой верстки большие проблемы с адаптивностью, что то нормально под экран, а что то остается на месте и не получается по нормальному

Comments

[Rustam Bainazarov]

Что значит, «блоками и флексами»?

[Ankhena]

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

Флексы тоже блоки, а еще есть инлайн-флексы. Так что спросите как-нибудь по-другому.
А лучше конкретный пример в песочнице jsfiddle.net или codepen.io с указанием, что именно не получается.

[Тимофей]

SmthTo, флоатами и флексами

[Rustam Bainazarov]

Тимофей Гусев, float'ы нужны для одного, Flexbox -- для другого. Друг друга они полностью не заменяют. Просто нужно уметь работать со всеми видами. И не использовать float для разметки (если не нужно поддерживать совсем старые браузеры).

[Тимофей]

Ankhena, https://codepen.io/robot0101010/pen/JzoamR при сужении экрана этот блок лезет на все другие снизу, и ничего не помогает,а снизу просто слайдер, и ничего не двигается

[Ankhena]

Тимофей Гусев, я не вижу проблем в этой песочнице, чтобы что-то на кого-то лезло снизу.

[Тимофей]

Ankhena, проблема была в том что у блока снизу была указанная высота, а я не обратил внимание

Answer 1

[Марат Гарифуллин]

У вас вопрос в одном, а проблема в другом)

Я для себя решил так:
- таблицы для таблиц (и то уже редко)
- grid для сетки, каркаса сайта (или вместо таблиц)
- flex для всего остального

Но это не значит, что можно написать стили для десктопа, а мобилка сама красиво все покажет.
Нужно через media queries прописывать стили для разных экранов

Comments

[Марат Гарифуллин]

Ну и чтоб упростить себе жизнь и уменьшить количество результирующего "кода", придерживаться концепции mobile first =)