Технология Flexbox уже сейчас считается общепринятой. Многие давно перешли на верстку флексбоксами, а современные курсы учат работать именно с ними.

Что же такое Flexbox?

Flexbox — это отличное решение для многих проблем, связанных с построением гибкой сетки сайта. Раньше для этого использовались таблицы, потом всё перетекло в верстку посредством свойства float. Но как Вы понимаете — каждое из этих двух средств изначально не предназначены для этого.

Несколько преимуществ флексбоксов:

• Просто и удобно делать сайт резиновым.
• Расположение элементов в верстке больше не имеет значения.
• Управление элементами не только по горизонтали, но и по вертикали.
• Отличная взаимосвязь с написание справа налево rtl (right-to-left) для многих языков.
• Он весьма прост в изучении.
• Он создан и прекрасно подходит именно для работы с сеткой.

Сейчас даже Bootstrap перешел на флексбокс, выпустив новую версию с поддержкой и написанием своего фреймворка именно на них.

Почему всё же стоит переходить на Flexbox?

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

Если же Вы всё-таки намерены делать свои сайты на более современных методах, и просто считаете приятным использовать данный метод — то дерзайте! Как минимум попробовать уж точно стоит.

И напоследок небольшой лайфхак:

Если вы хотите сделать свой сайт дружелюбным для более обширной аудитории, а в данном примере мы рассмотрим IE9, то можете сделать следующее:

• Подключить условные комментарии для добавление отдельных стилей под эти браузеры;
• Заранее продумать более логично свою сетку;
• Написать дополнительные стили, что переопределят flexbox на float там, где они не воспринимаются;

Это конечно не всегда имеет место быть, но на важных для Вас проектах это будет просто еще одной галочкой, из-за которой можно будет гордиться!

Полезные ссылки:

• Полноценный гайд по работе с технологией Flexbox — ссылка.
• Поддержка браузеров — ссылка.