chocolate_moles

А так бы хотелось решать все проблемы через css(

https://jsfiddle.net/ba7zsr8h/1/

Да вроде умею, только у меня не получается, поэтому я и задал этот вопрос.

Добавил несколько пояснений, чтобы было понятнее

В центре и все-таки по левому краю. Вместе, сразу, одновременно

Необходимо сверстать адаптивный блок в котором текст будет в центре и выровнен по левому краю. Такая вот простая задачка, решение которой я никак не могу найти

https://jsfiddle.net/d1szqvhy/3/

Например https://jsfiddle.net/8cu346x7/1/

Так не надо задавать фон для этого блока, он является лишь элементом сетки, а для фона и собственно самого контента есть вложенный div

https://jsfiddle.net/skdxch2m/

Спасибо, все оказалось действительно так просто, а я столько времени потратил на анимацию, кубики нарисовал, в разный цвет покрасил, цифры поставил.

float flex grid table, все что пожелаете, только без скриптов. 320 и 992 это для примера, ширина вообще не важна Задача превратить столбик из разноцветных кубиков слева, в плитку из тех же самых кубиков справа. Или наоборот

Итак, имеется 4 блока, на мобильных устройствах они располагаются в столбик, друг за другом. Задача: сделать для больших разрешений сетку в два столбца, в которой высота всех блоков может быть различной, и не должно быть разрывов между блоками