Имеется 9 блоков. Они должны иметь порядок как на скрине.
Высота блоков в каждой строке должна быть одинаковая (и зависеть от контента). Сейчас на скрине высота одинаковая у всех блоков.
На мобильных устройствах (допустим media{max-width:400px} ) все блоки должны идти друг за другом, в одну колонку.
Я так понимаю, оптимально использовать Grid, но у меня не хватает опыта в них :)
У меня получилось решить эту задачу через гриды: линк на codepen. По высоте выстраивается, порядок соблюдается, на мобилке превращаются в обычную колонку.
На счет поддержки браузерами - гриды давно вошли в спецификацию, простейшие функции поддерживаются уже в 87% браузеров.
