2 rubber blocks and fixed sidebar. How?

Question

css

Привет, ребята! У меня горе! Ничего понять не в силах. Помогите!
Страница. На ней фиксированый сайдбар пикселей в 300 и блок с контентом 100%. В контентном блоке еще два блока, которые распологаются по-горизонтале.
Нужно, что бы блоки ресайзились до определенного размера и потом, после использования медиа-запроса, по одному блоку в строку (просто меняю inline-block на block, с этим проблемы нет).
Проблема вот в чем: как только ни ставлю размер блоков, либо второй уходит под первый, либо появляется большой отступ от сайдбара.
Как вообще это делается правильно? Что делать? Куда бежать читать? Куда смотреть?
Спасибо, ребята!

Answer 1

https://jsfiddle.net/u3jk1ka7/