Всем привет.
Собрал шаблон jsfiddle но знаю что сделал криво, прошу посоветовать как правильно такое реализовать, сейчас поведение блоков именно такое как нужно, просто думаю что реализовано неверно.
На экранах компьютеров должно быть две колонки, левая с картинкой во всю высоту и примерно в половину ширины. В правой колонке текст. На мобильных устройствах, левая колонка поднимается в самый верх на всю ширину экрана, а ниже уже идет текстовый блок который был справа. Пытался сделать кросбраузерно но не получилось, у меня используется свойство background-size: cover которое ниже ие 9 не поддерживается.
Пробовал картинку делать не бекграундом, а как обычное img с помощью этого скрипта jsfiddle.net но что то у меня не получилось, на больших разрешениях img фиксируется но при этом растягивается на весь экран.
В общем буду признателен за любые дельные советы подсказки или критику
