Как сверстать этот блок по современному?

[uj1npro]

Есть верстка вот этого блока на table. Не так давно начал изучать display flex, и сейчас переверстываю этот макет - хочу использовать flex'ы, но чего то не понятно, как их сюда можно приложить. А ещё сюда нужно добавить третий столбец с телефоном, т.е. конструкция будет выглядеть - адрес/телефон/режим работы.
Подскажите пожалуйста как примерно должна выглядеть конструкция?

 

[diex]

Есть верстка вот этого блока на table. Не так давно начал изучать display flex, и сейчас переверстываю этот макет - хочу использовать flex'ы, но чего то не понятно, как их сюда можно приложить. А ещё сюда нужно добавить третий столбец с телефоном, т.е. конструкция будет выглядеть - адрес/телефон/режим работы.
Подскажите пожалуйста как примерно должна выглядеть конструкция?

Может так?
Для просмотра ссылки Войди или Зарегистрируйся

еще вариант - Для просмотра ссылки Войди или Зарегистрируйся

 

[uj1npro]

Другой вопрос - приведите примеры пожалуйста, в каких случаях верстка на флексах не подходит для реализации задуманного и приходится пользоваться блочной или табличной моделью? Или все можно делать на флексах?

 

[Didi]

Флекс по идее сегодня можно использовать везде. Стоит брать в расчет что флекс относительно новый, таким образом старые версии браузеров его не поддерживают.
Какие именно - можно найти в инете.
К примеру сайт для каких нибудь стариков итд, которые сидят на XP со старой версией интернет эксплорера - там лучше флекс не ставить.

 

[vud1k]

До жути просто...
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся - с телефоном