Начал верстать через display: flex, возможно ли доделать, в соответствии с макетом?

Question

[sqrkub]

Здравствуйте все.
Понимаю, скажете тут нарушена сетка, дизайнер сделал не правильно. Но все же нужно сверстать в соответствии с макетом, учитывая адаптивность. То есть при уменьшении разрешения ниже 768 нужно красиво свести элементы в две колонки или в одну.
Сейчас есть вот: s92321ux.bget.ru/navy/contact3.html
У меня мало опыта работы с flexbox, мне интересно, как это правильно сделать через flexbox.

Сверстал через float: s92321ux.bget.ru/navy/contact.html
Сверстал через inline-block (разница не большая) s92321ux.bget.ru/navy/contact2.html
Недоверстал через flexbox: s92321ux.bget.ru/navy/contact3.html

Answer 1

[inDeepCode]

www.w3schools.com/css/css_rwd_grid.asp Это должно помочь

Comments

[sqrkub]

В общем я решил отказаться от flexbox, т.к. не смог добиться, используя данную модель, полного соответствия макету (почти пиксель в пиксель). Мне нужен был ответ, возможно ли это сделать через flexbox или нет.