Как сделать, чтоб два блока были в одном ряду, пока влезают, а потом в одной колонке и растянулись бы на всю ширину?
Как сделать, чтоб два блока были в одном ряду и правый растянулся бы полностью, а левый растянулся бы только на определенную ширину, но если в одном ряду они не помещаются, то они выстроятся в одну колонку и растянутся на всю ширину (без js, только html).
Пока помещаются на экране оба блока, выглядеть всё должно как на первой картинке, а когда они оба уже не влезают, то выглядеть всё должно как на второй картинке.
Вадим Егоров: Можно разместить в конец родителя (в моем примере - .wrapper) элемент со стилем clear: both. Пример: jsfiddle.net/dmttu5hc/1 либо без добавления элемента: jsfiddle.net/dmttu5hc/2/. Конечно, это не единственные решения, можно использовать и для позиционирования блоков другие методы (display: inline-block, flexbox). Насчет 400px - это примерная ширина окна, при которой нужно будет изменить стили колонок.
Вадим Егоров причём тут отдельно для телефонов? У тебя на картинке я вижу ресайз экрана, так сделай media query для этой точки, где блок падает вниз задай ему width 100%
