Как лучше всего сформировать такую сетку?

Question

[Muvka]

С помощью гридов у меня легко получилось, но поддержка у них пока слабая. С помощью флексов... разметка несколько сложноватая будет. Masonry - с адаптивностью придется много ковыряться. Спрашиваю из любопытства, может еще кто способ знает?

Я наверно не очень точно выразился. Это нужно реализовать без оберток. Вот представьте, что это 4 li и все они находятся в одном ul

Comments

[alex-1917]

С помощью гридов у меня легко получилось, но поддержка у них пока слабая

это вы про что? отвечайте скорее, а то от смеха уже помираю....

[Muvka]

alex-1917, CSS Grid. Изучайте.

[Lander]

Скажите, а что вам помешало и на эти три вопроса
Как можно вывести меню через WP_Query?
Как изменить порядок вывода сортировок и названия оных в WC?
Почему get_query_var('page') ничего не возвращает?
своим же ответам решение проставить?

[Muvka]

Lander, Возможно из-за того, что завертелся? Я понимаю, у вас голова не бывает забита до такой степени, что вы даже покушать забываете, но все люди разные. А как это вообще относится к вопросу, который я задал?

[Lander]

Muvka, Никак. Именно поэтому написал в комментарий, а не в ответ.

[alex-1917]

Muvka, я имел ввиду вот это про что??? -

но поддержка у них пока слабая

[Muvka]

alex-1917, IE11 не держит. Например grid-auto-rows не работает. Да и мобильные сафари не так давно кушают. А от меня требуют IE11.

Answer 1

[Alexander Pushkarev]

css grid

Comments

[Muvka]

Я же написал, что на grid я и сделал. Но у них поддержка в 88% браузеров, что несколько маловато.

Answer 2

[hesrun]

флоты, инлайн-блоки, флексы, гриды... Не вижу сложностей...

Answer 3

[ni_aeronaut]

Без проблем на флоатах.