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

Тема в разделе "Верстка", создана пользователем uj1npro, 14 янв 2019.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. uj1npro

    uj1npro Постоялец

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

    Вложения:

    • 13c669e1e4.jpg
      13c669e1e4.jpg
      Размер файла:
      40,2 КБ
      Просмотров:
      19
  2. diex

    diex

    Регистр.:
    21 апр 2013
    Сообщения:
    183
    Симпатии:
    125
    Может так?
    https://codepen.io/Diman/pen/wRRYOx

    еще вариант - https://codepen.io/Diman/pen/wRRQoN
     
    Последнее редактирование: 14 янв 2019
    uj1npro нравится это.
  3. uj1npro

    uj1npro Постоялец

    Регистр.:
    25 сен 2014
    Сообщения:
    53
    Симпатии:
    4
    Другой вопрос - приведите примеры пожалуйста, в каких случаях верстка на флексах не подходит для реализации задуманного и приходится пользоваться блочной или табличной моделью? Или все можно делать на флексах?